*{
	margin:0px;
	padding:0px;
	font-family: Helvetica Neue; 
}

/*titulo*/

div#titulo{
	width:100%;
	margin-top:10px;
}

/*LOGO*/
/* POSICION DEL LOGO  */
p#header{
	background:  url(../pictures/logo.png);  /*#01317A*/
	margin-top:-20px;  /*MARGEN DEL LOGO*/
	width:100%;  /* ANCHO DEL LOGO */
	height:120px;  /* ALTO DEL LOGO */
	background-position: center;
	background-repeat: no-repeat;
	}




header{
	margin:3px auto; /* ESPACIO ENTRE EL LOGO Y LA BARRA DE MENU */
	width:100%;    /* ANCHO DE LA BARRA DE MENU */
	height:73px;  /* ALTO DE LA BARRA DE MENU Y EL SLIDER DE LA PORTADA */
	background-color: red;
}

div.contenedor{
	width: 16.66%;  /* ANCHO DE LA BARRA DE MENUS - RESPONSIVE*/
	height: 100%; /* ALTO DE LA BARRA DE MENUS */
	
	float:left;
	
}



div#uno{
	background-color: rgba(87,96,111,1.00);
}

div#dos{
	background-color: rgba(29,72,74,1.00);
}

div#tres{
	background-color: rgba(81,98,69,1.00);
}

div#cuatro{
	background-color: rgba(87,73,50,1.00);
}

div#cinco{
	background-color: rgba(54,37,14,1.00);
}

div#seis{
	background-color: rgba(31,50,79,1.00);
}



div#grande{
	margin: 40px;
	background-color: white;
}

img.icon{
	display: block;
	margin:5px auto;
	background-color: rgba(255,255,255,.15);
	width:18px;    /* TAMAÑO DEL ICONO DE LOS MENUS*/
	padding:10px; /* TAMAÑO DEL CIRCULO DE LOS MENUS*/ 
	-webkit-border-radius: 50%;
	-webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
	-webkit-transition:box-shadow .4s;
}

p.texto{
	font-size: 1.2em;
	color:white;
	text-align: center;
	padding-top:-5px; /* DISTANCIA ENTRE EL TEXTO Y EL CIRCULO DE CADA MENU */
	opacity: .6;
	-webkit-transition: padding-top .5s;
}

div.contenedor:hover{
	height:73px; /* EFECTO DE BAJAR EL CUADRO DE CADA MENU */
	
}

div.contenedor:hover p.texto{
	padding-top: 3px; /* EFECTO PARA QUE EL TEXTO BAJE A 5PX */
	opacity: 1;
}

/* EFECTO DE LA SOMBRA EN EL CIRCULO DE CADA MENU */
div.contenedor:hover img.icon{
	-webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.6);     
}

 p#subheader{
	text-align: center;
	color:#0028AA;
	margin-top:-10px;
	font-size: 1em;
}  

p#subheader2{
	text-align: center;
	color:#0028AA;
	margin-top:0px;
	font-size: 1em;
}  

/*TEXTO : DERECHOS RESERVADOS EN PAG INDEX*/
p#subheader3{   
	text-align: center;
	color:#0028AA;
	margin-top:10px; /*BAJA O SUBE EL PIE DE PAGINA DERECHOS RESERVADOS*/
	font-size: 1em;
}  

p#subheader6{   
	text-align: center;
	color:#0028AA;
	margin-top:80px; /*BAJA O SUBE EL PIE DE PAGINA DERECHOS RESERVADOS*/
	font-size: 1em;
}  
/*TEXTO : DERECHOS RESERVADOS EN PAG FIRMA*/
p#subheader0{   
	text-align: center;
	color:#0028AA;
	margin-top:-65px;
	font-size: 1em;
}  


p#subheader5{   
	text-align: center;
	color:#0028AA;
	margin-top:35px; /*BAJA O SUBE EL PIE DE DERECHOS RESERVADOS */
	font-size: 1em;
}  

p#subheader4{
	text-align: center;
	color:#0028AA;
	margin-top:0px;
	font-size: 1em;
}  

p#subheadercentral{
	margin:85px;
	text-align: justify;
	color:#0028AA;
	margin-top:-80px;
	font-size: 1.1em;
}  





 /*DISEÑO DE LA PALABRA QUE VA EN CADA PAGINA EJM LA FIRMA*/
p#subheaderpage{
	margin:85px;
	text-align: center;
	color:#0028AA;
	font-family: Vivaldi;
	font-weight: bolder;
	margin-top:5px;
	font-size: 1.8em;
	opacity: 5;
} 

p#subheaderpage2{
	margin:-80px;  /*SUBE SUBMENU AREAS DE PRACTICA*/
	text-align: center;
	color:#0028AA;
	font-family: Bodoni Bd BT;
	font-weight: bolder;
	margin-top:45px; /*SUBE TITULO AREAS DE PRACTICA*/
	font-size: 1.8em;
	opacity: 5;
}  

p#subheaderpage3{
	margin:85px;
	text-align: center;
	color:#0028AA;
	font-family: Bodoni Bd BT;
	font-weight: bolder;
	margin-top:5px;
	font-size: 1.8em;
	opacity: 5;
}

#formulario{
	background-color: #d2d2d2;
	margin-top: -125px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.5);
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	margin-bottom: -80px;
}

#formulario form{
font-size: 14px;
margin: 0 auto;
width: 400px;
}

textarea{
height: 100px;
width: 400px;
}

.campo, textarea{
background: #FFFFFF;
border: 0;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
width: 400px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.campo:focus, textarea:focus{
background: #fff;
outline: none;

-webkit-box-shadow: 0 0 10px #24607f;
-moz-box-shadow: 0 0 10px #24607f;
-o-box-shadow: 0 0 10px #24607f;
box-shadow: 0 0 10px #24607f;
}

.boton{
	background: #ff8a00;
	border: 0;
	color: #fff;
	margin-left: 125px;
	width: 150px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: 30px;
}
.boton:hover{
background-color: #00FF66;
}

.contenido{
	
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

.contenido p{
	font-size: 16px; /*TAMAÑO DE LETRA DEL TECTO EN AREAS DE PRACTICA*/
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
}

.contenido p2{
	font-size: 16px; /*TAMAÑO DE LETRA EN EL MENU EN AREAS DE PRACTICA*/
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
}



























































@media screen{
}

@media screen{
.uno {
}

}