body {
font-family: 'Neo Sans Std', 'Exo 2' ,'Open Sans';
background:#a49275;
/*font:14px/24px sans-serif;*/
margin:0; padding:0;
}

#head{
width:100%; 
height:110px;
position:fixed; 
z-index:1000; 
background-color:#242422; 
}

#head .logo{ float:left;padding:5px 0 0 35px;width:200px;}

#head .menu{
float:right;
padding:40px 0 0 5px;
width:850px;
/*font-family: Arial; */
font-size:15px; 
color:#ac8304;
}

#head .menu ul, li, a{
display: inline;
list-style-type: none;
padding-right: 10px;
text-transform: uppercase;
color:#dbd7ca;
text-decoration: none;
}

#head .menu a:hover{
color:#726551;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}


#banner-promocion {
  opacity: 0.0;
  transition: opacity 0.4s linear 0s;
  -moz-transition: opacity 0.4s linear 0s;
  -webkit-transition: opacity 0.4s linear 0s;
  -ms-transition: opacity 0.4s linear 0s;
}
  #banner-promocion.visible {
    display: block;
    opacity: 1.0;
  }


/*////////////////////////////////////////////////////////////
Pagina 1 - Inicio
////////////////////////////////////////////////////////////*/

#inicio{
position:relative;
background: url(../img/homepage_1.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:700px; top:80px;
}

#inicio .mensaje_central{
margin: 0 auto;
position:relative;
top: 150px;
border:3px solid #fff;
padding:10px;
width:950px;
text-align:center;
text-transform: uppercase;
color:#fff;
/*font-family: Arial; */
font-size:28px; 
background-color:#000000;

/*-webkit-filter: opacity(0.6);*/
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.60;

}

#inicio .brillante{
color:#ffffff;
}


#inicio .mensaje_central2{
margin: 0 auto;
position:relative;
top: 150px;
padding:80px;
width:900px;
text-align:center;
text-transform: uppercase;
color:#fff;
/*font-family: Arial; */
font-size:25px; 
}

#inicio .siguiente{
margin: 0 auto;
position:relative;
top: 200px;
width:50px;
height:49px;
background: url(../img/scroll-down.png); 
}

/*////////////////////////////////////////////////////////////
Pagina 2 - Quienes Somos
////////////////////////////////////////////////////////////*/

#quienes{
	position:relative;
	top:30px;
	width:950px;
	margin: 0 auto;
}

#quienes #columna1 {
	float: left;
	width: 450px;
}

#quienes #columna2 { 
	float: left;
	width: 50px;
}

#quienes #columna3 {
	float: right;
	width: 450px;
}


#quienes .titulo{
margin: 0 auto;
padding:10px;
text-transform: uppercase;
color:#dbd7ca;
/*font-family: Arial; */
font-size:30px; 
}

#quienes .parrafo{
margin: 0 auto;
padding:10px;
color:#252525;
/*font-family: Arial; */
font-size:20px; 
}


#botones_interior1{
position:relative;
top:50px;
text-align:center;
padding:30px;
}



/*////////////////////////////////////////////////////////////
Pagina 3 - Areas de Practica
////////////////////////////////////////////////////////////*/

#areas{
	position:relative;
	top:30px;
	width:950px;
	margin: 0 auto;
}

#areas #columna1 {
	float: left;
	width: 310px;
	height:200px;
	background-color:red;
	background: url(../img/pattern.png) repeat; 
}

#areas #columna2 { 
	float: left;
	width: 310px;
	height:200px;
	background-color:blue;
	background: url(../img/pattern.png) repeat; 
	margin-left:10px;
}

#areas #columna3 {
	float: right;
	width: 300px;
	height:200px;
	background-color:yellow;
	background: url(../img/pattern.png) repeat; 
	margin-right:10px;
	
}

#areas .numero{
margin: 20px;
/*padding:10px;*/
color:#a59275;
font-size:30px; 
}

#areas .descripcion{
margin: 20px;
/*padding:10px;*/
color:#dbd7ca;
font-size:35px; 
}



/*////////////////////////////////////////////////////////////
Pagina 3.1 - Slogan2
////////////////////////////////////////////////////////////*/

#slogan2{
position:relative;
background: url(../img/homepage_2.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:800px; top:10px;
}

#slogan2 .mensaje_central{
margin: 0 auto;
position:relative;
top: 300px;
border:3px solid #fff;
padding:10px;
width:950px;
text-align:center;
text-transform: uppercase;
color:#fff;
/*font-family: Arial; */
font-size:28px; 
background-color:#000000;

/*-webkit-filter: opacity(0.6);*/
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.60;

}

#slogan2 .brillante{
color:#ffffff;
}


#slogan2 .mensaje_central2{
margin: 0 auto;
position:relative;
top: 300px;
padding:80px;
width:900px;
text-align:center;
text-transform: uppercase;
color:#fff;
/*font-family: Arial; */
font-size:25px; 
}

#slogan2 .siguiente{
margin: 0 auto;
position:relative;
top: 300px;
width:50px;
height:49px;
background: url(../img/scroll-down.png); 
}


/*////////////////////////////////////////////////////////////
Pagina 4 - Profesionales
////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////
Pagina 5 - Contactenos
////////////////////////////////////////////////////////////*/

#contactenos{

}

#contactenos #mapa{
height:577px;
background: url(../img/mapa.jpg);  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}

#footer{
width:100%;
background-color:#242422;
height:450px;
text-align:center;
}

#footer #telefono{
margin: 0 auto;
padding:30px;
color:#ffffff;
font-size:30px; 
}

#footer #email{
border:2px solid #fff;
background-color:#444444;
margin: 0 auto;
width:500px;
padding:15px;
color:#ffffff;
font-size:30px; 
}

#footer #email a{
text-transform: none;
color:#fff;
text-decoration: none;
}


#footer #email a:hover{
color:#000000;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}

#footer #direccion{
margin: 0 auto;
padding:30px;
color:#ffffff;
font-size:20px; 
}

#footer #legales{
margin: 0 auto;
padding:15px;
color:#ffffff;
font-size:14px; 
}


/*////////////////////////////////////////////////////////////
Genericos
////////////////////////////////////////////////////////////*/

.separador{
border-top:1px solid #a79376; border-bottom:1px solid #726551 ;position:relative; width:60%; 
}

.botones_planos{
border:2px solid #fff;
padding:15px;
text-align:center;
text-transform: uppercase;
color:#fff;
/*font-family: Arial; */
font-size:25px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.botones_planos:hover{
background-color:#FFFFFF;
color:#000000;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}