*
{
	border:0px;
	margin: 0px;
	padding:0px;
	vertical-align: top;
}


/*QUITAMOS EL MARGEN-->*/
@font-face
{
	font-family: Alegreya;
	src:url("../font/TitilliumWeb.ttf"), url("../font/TitilliumWeb.eot");
	font-weight: normal;
	font-style: normal;
}

body
{
	-background:#212121 url(../img/background.jpg);
	margin:0 auto;
	font-family: Alegreya;
	font-size:18px;
	text-align: center;
}
/*////////////////////// MENU ////////////////////////////////*/

#cabecera img, nav
{
	-width: 950px;
	display: inline-block;
	vertical-align: top;
}

.example {
    width:764px;
    margin:0px auto;
    text-align: center;
}

.example, li ul 
{
		z-index: 2;
}
/* main menu styles */
#nav {
	height: 45px;
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0px;
    background:#000066;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:130px;
    margin-top: 5px;
    margin-bottom: 5px;
    float:left;
    position:relative;
    list-style:none;

}
#nav a {
    font-weight:bold;
    color:#e7e5e5;	/*Color del texto del menu*/
    text-decoration:none;
    display:block;
    padding:8px 20px;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa;
    color:#000;
    border-top:1px solid #f8f8f8;
    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#f35599;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:190px;
    position:absolute;
    background:#aabbcc;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}
/*////////////////////// GALERIA DEL INDEX ////////////////////////////////*/
#contenido 
{
	background:#212121 url(../img/lienzoindex.jpg);
	margin:0 auto;
	text-align: center;
	width:700px;
	vertical-align: top;
	display:inline-block;
	padding:0em;
}

section#principal
{

	margin: 0 auto;
	max-width: 95%;
	padding :0;
	vertical-align: top;
	width: 100%;
}

.fade
{

	opacity: 1;
	filter:alpha(opacity=100);
	-ms-transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}

.fade:hover
{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;	
}

.redonda
{
	border-radius: 20%;
	box-shadow: 2px 2px 5px rgba(153,255,0,.7);
	
}

/*////////////////////// PROCESO ////////////////////////////////*/


section#procesoinyeccion
{

	max-width: 950px;
	padding:2em;
	text-align:justify;	
}
section#VideoProceso
{
	text-align:center;

}

section#VideoProceso video
{
	border: 1px solid black;
}
/*////////////////////// NOSOTROS  ////////////////////////////////*/


section#Mision, section#Vision, section#Vision2
{
	-background:#212121;	
	display: inline-block;		/* AJUSTA EL TAMAÑO DEL BLOQUE AL CONTENIDO, HACIA ABAJO*/
	-margin: 1.25em  auto;
	max-width: 950px;			/* ANCHO MAXIMO*/
	-min-height: 200px;			/* ALTURA MINIMA DEL TEXTO*/
	padding:1em;
	text-align:justify;
	vertical-align: center;
	width: 95%;				/* 100% DELOS 960PX DE LA SECCION PRINCIPAL*/
}

section#Vision
{
	width: 33%;
}

section#Vision2 
{
	width: 40%;
	padding:3em;
	color: #0033FF;
}


object#Baner1
{
	margin: 0em 6.5em  auto;
	padding:1em;
}

 img#Clientessatisfechos
 {
 	margin: 0em 2em  auto;
 }

/*////////////////////// PRODUCTOS ////////////////////////////////*/

section#TextoAspel, section#ImagenAspel, section#ImagenAspel2
{
	display: inline-block;		/* AJUSTA EL TAMAÑO DEL BLOQUE AL CONTENIDO, HACIA ABAJO*/
	max-width: 950px;			/* ANCHO MAXIMO*/
	padding:1em;
	text-align:justify;
	vertical-align: center;
	width: 95%;				/* 100% DELOS 960PX DE LA SECCION PRINCIPAL*/
	font-size:15px;
}

section#ImagenAspel
{
	width: 25%;
	margin-top: 2em;
}

section#ImagenAspel2 
{
	width: 60%;
	padding:3em;
	margin-left: 10px;	
}

section#TextoAspel 
{
	max-width: 850px;	
}



/*////////////////////// CLIENTES  ////////////////////////////////*/

section#clientes
{
	display: inline-block;		/* AJUSTA EL TAMAÑO DEL BLOQUE AL CONTENIDO, HACIA ABAJO*/
	max-width: 950px;			/* ANCHO MAXIMO*/
	padding:1em;
	text-align:justify;
	vertical-align: center;
	width: 95%;				/* 100% DELOS 960PX DE LA SECCION PRINCIPAL*/
}

/*////////////////////// CONTACTO ////////////////////////////////*/

section#map_canvas 
{
	
	-display: inline-block;		/* AJUSTA EL TAMAÑO DEL BLOQUE AL CONTENIDO, HACIA ABAJO*/
	width:720px;
	height: 400px;
    margin: 1em auto;
    box-shadow:0 2px 2px rgba(0,0,0, .7);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
}


form
{
	width: 100%;
}

form div
{
	margin:0.7em;
}

iframe 
{
	border-radius: 0.5em;
}

input[type="email"], input[type="text"], textarea
{
	background: #fff;
	border-radius: 0.2em;
	padding-left: 0.25em;
	width: 95%;
	font-size: 18px;
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus
{
	background: #C6ECF9;
}

input[type="submit"]
{
	background: #F90;
	border-radius: 0.25em;
	color: #500;
	font-size: 16px;
	padding:0.25em;
}

input[type="submit"]:hover
{
	background: #7BBFD5;
	border-radius: 0.25em 0;
	color: #000;
	cursor:pointer;
}

label
{
	cursor: pointer;
}

legend
{
	color: #000000;
	font-size: 20px;
	-font-weight: bold;
	-padding:1em;
	text-align: center;
}

textarea
{
	resize:none;
	height: 60px;
}

fieldset
{
	-border:1px solid #F60000;
	border-radius: 0.5em;
	margin: 0em;	
}


td 
{
	color: #000099;
	text-align: left;
}

th 
{
	text-align: left;
}


section#formulario, section#fotochica
{
	display: inline-block;
	max-width: 720px;
	text-align: center;
	width: 60%;
}

section#formulario
{
	border:1px solid black;
	border-radius: 20px;
	margin-bottom: 1em;
}
section#fotochica
{
	padding: 1.5em;
	width: 25%

}
/*////////////////////// PIE DE PAGINA ////////////////////////////////*/

footer#pie			
{
		margin: 0 auto;		/*  SEPARACION ENTRE LOS OTROS ELEMENTOS EJ EL H1*/
		max-width: 950px;		/*  NO OCUPARA MAS ESPACIO QUE 960*/
		padding:0em;			/*  DISTANCIA DEL BORDE DEL ELEMENTO CON EL TEXTO*/
		background:#000033;
		text-align: center;
}

section#RedesSociales, aside#Derechos
{
	background:#000033;	
	display: inline-block;		/* AJUSTA EL TAMAÑO DEL BLOQUE AL CONTENIDO, HACIA ABAJO*/
	margin: 5px  auto;
	max-width: 950px;			/* ANCHO MAXIMO*/
	-min-height: 200px;			/* ALTURA MINIMA DEL TEXTO*/
	-padding:0;
	text-align:left;
	-vertical-align: baseline;
	width: 27%;				/* 100% DELOS 960PX DE LA SECCION PRINCIPAL*/
}

aside#Derechos
{
	width: 72%;
	text-align: right;
	font-size: 14px;
	color:white;
}