/*---fuentes locales-----*/

@font-face{
	font-family: "DroidSerif regular";
	src:url("/estilos/font/DroidSerif-Regular.ttf") format("truetype");
}

/*colores
 * b68a06 /verde logotipo
 * rgba(182,138,6,1)/verde logotipo
 * 
 * */
 

/*-----CONFIG GENERAL-------*/

			/*colores*/
body{color: #333;}
h1{ color:#333;	text-shadow: 2px 2px #fff;}
h2{ color:#333;border-top:10px dotted #F3F3F3;border-bottom:3px dotted #F3F3F3;}
i{color:#000;}
i:hover{color:#b68a06;}

		/*------------------*/
		
* { box-sizing: border-box;}

body{font-family: "helvetica";margin:0;padding:0;}

a{text-decoration:none;}

h2{text-align:center;text-transform: uppercase;letter-spacing: .5px;font-size: 1.5em;
    padding: 20px 0px 10px;}
h3{	letter-spacing: .5px;font-size: 1.2em;}
h1{	letter-spacing: .5px;font-size: 1.9em;padding: 0px 0px 0px;font-weight: 100;
	text-align:center;text-transform: uppercase;position: relative;}
	
ul{	list-style:none;margin:0;padding:0;}

em{	font-size:1.1em;}

.clear{clear:both;}

.titulo-sec{margin: 0px;display: inline-block;padding:20px;position: relative;
	text-align:center;width:100%;overflow: hidden;}
.titulo-sec > h1::before{content: "";display: block;width:100rem;border-top: 1px dotted #1A1A1A;
	position: absolute;left: 20px;top: 1.3rem;margin-left: -105rem;}
.titulo-sec > h1::after{content: "";display: block;width: 100rem;border-top: 1px dotted #1A1A1A;
	position: absolute;right: 20px;top: 1.3rem;margin-right: -105rem;}

/*//////CONTENEDOR PRINCIPAL////////*/

.container{	margin:0;width: 100%;margin:0 auto 0px auto;height:auto;}

/*/////CABECERA///////////*/

 #cabecera{background-color: rgba(255,255,255, 0.5);}/*colores*/


#cabecera{position:absolute;top:0;left:0;margin:0;width: 100%;display:block;
	padding:10px;overflow:hidden;z-index:3000;
	
	-webkit-box-shadow: 3px 7px 71px -38px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 7px 71px -38px rgba(0,0,0,0.75);
box-shadow: 3px 7px 71px -38px rgba(0,0,0,0.75);
	}

/*---------------LOGO------------------*/

#logo{position:relative;display:block;width: 250px;height: 81px;float:left;
	margin-left:20px;}
#logo img{width: 250px;height: 81px;}

/*----------------------------------------------*/

/*---IDIOMAS---*/

#contenIdioma #idiomas li a{color:#444;text-shadow: 2px 2px #fff;}/*colores*/


#contenIdioma{position:relative;width: 120px;display:block;margin-top:0px;
	float:right;margin-right:5px;}
#idiomas{position:relative;list-style:none;padding:0px;margin-top:0px;}
#contenIdioma #idiomas li{float:left;padding:0 15px 0 15px;}
#contenIdioma #idiomas li a{font-size:0.8em;}
#contenIdioma #idiomas li a:hover{color:#b68a06; text-shadow: 2px 2px #fff;}
#idiomas li{}
#contenIdioma #idiomas li:first-child{border-right: 1px solid;}

/*----------------------------------------------*/

/*---REDES---*/

#sociales{float:right;position:relative;list-style:none;padding:0px;
	margin-right:10px;margin-top:6px;}
#sociales li{float:left;margin-left:10px;}

#buscador{float:right;position:relative;margin-right:80px;margin-top:9px;}
.icon-search{font-size:1.1em;}
#buscador input[type='text']{width: 200px;height:22px;font-size:.7em;}

/*----------------------------------------------*/

/*-------MENU PARA MOVILES--------*/

#menu-movil{background-color:  #fff;border: 3px double #232323}/*colores*/
#menu-movil ul#idiomas li a{color:#232323}/*colores*/
#menu-movil ul#idiomas li a:hover{color:#b68a06;}/*colores*/
#menu-movil ul li i{color:#232323;}/*colores*/
#menu-movil ul li:hover i{color:#b68a06;}/*colores*/

#menu-movil{width: 50px;height:80px;box-sizing: border-box;position:relative;
	margin-left:20px;overflow:hidden;padding:4px;}#menu-movil ul{}
#menu-movil ul#idiomas{	margin-left:3px;margin-bottom:2px;float:left;}
#menu-movil #idiomas li{display:block;padding:0;margin-top:2px;}
#menu-movil ul#idiomas li a{font-size:0.9em;}
#menu-movil ul li{cursor:pointer;padding:10px;}
#menu-movil ul li i{font-size:1.2em;}


/*----------------------------------------------*/

/*-----------MENU SUPERIOR-----------*/

#menu-superior ul.ca-menu >li >a{color:#000;text-shadow: 2px 2px #fff;}/*colores*/
#menu-superior ul.ca-menu >li:hover > a{color:#b68a06;text-shadow: 2px 2px #fff;}/*colores*/
#menu-superior ul li ul li a{background-color: rgba(211, 211, 211, 0.5);
	border-color:rgba(211, 211, 211, 0.5);color:#000;}/*colores*/
#menu-superior ul li ul li:hover a,#menu-superior ul li ul li a:hover {
	color:#fff;background-color:#b68a06;opacity:0.7;border:1px solid #fff;}/*colores*/
	
	
#menu-superior {box-sizing: border-box;margin-top:17px;padding:0px;}
#menu-superior a{text-transform: uppercase;
	font-size:0.8em;letter-spacing: 0.075em;text-align:center;}
#menu-superior ul.ca-menu{margin:0;padding:0;height:auto;text-align:center;}
#menu-superior ul.ca-menu > li{position: relative;display:block;margin-bottom:20px;}
#menu-superior ul.ca-menu >li >a{padding:0px 20px 0px 20px;}
#menu-superior ul li ul {z-index:1000;}
#menu-superior ul li ul li{position: relative;clear:both;}
#menu-superior ul li ul li a{display: block;position: relative;padding:7px 0px 7px 0px;
	border:1px solid;}
#menu-superior ul li ul li:hover a,#menu-superior ul li ul li a:hover {position: relative;}
#menu-superior ul.ca-menu >li >a.selec{color:#b68a06;text-shadow: 2px 2px #fff;}
/*----------------------------------------------*/

/*-----------CAJA DE CONTENIDO CENTRAL-----------*/

#conten-central{position:relative;width: 100%;display:block;z-index:100;}

/*----------------------------------------------*/

/*---------------------PIE---------------------*/

#pie{background-color:#424242;color:#f4f4f4;}/*colores*/
#pie a {color:#f4f4f4;}/*colores*/
#pie a:hover{color:#8c8c8c;}/*colores*/
#pie i{color:#fff;}/*colores*/
#pie i:hover{color:#b68a06;}/*colores*/
#pie .pie-adorno{color:#b68a06;}/*colores*/

#pie{width:100%;height:150px;}/*tamaño*/
#pie .pie-cuadros{width:100%;height:50px;}/*tamaño*/


#pie{position:relative;z-index:1000;padding:0px;}
#pie .pie-cuadros{float:left;}
#pie .pie-cuadros ul{position:relative; padding-top:20px;text-align:center;}
#pie .pie-cuadros ul li{display:inline-block;padding:10px;text-align:center;}
#pie a {text-decoration: none;font-size: 0.9em;letter-spacing:0.07em;}
	
/*----------------------------------------------*/

/*-----ACCIONES SEGUN TAMAÑO------*/

@media (max-width: 359px){

	#conten-central{margin-top:100px;}
	#logo{margin:0px;}
	#logo img{width: 200px;height:64px;margin:0px;}
	#menu-movil{width: 200px;height:20px;margin-top:0px;}
	#menu-movil{display: block;}
	#menu-superior {display: none;width:100%;}
    #cabecera #contenIdioma{display:none;}
	p{text-align:left;}
	#pie{margin:0;}
	
	#pie .cuardros{width:250px;text-align:center;}
	#pie .cuardros>ul{margin:0px auto 0px auto;}
}


@media (min-width: 360px) and (max-width: 659px) {

	#conten-central{margin-top:100px;}
	#logo{margin-right:20px;}	
	#menu-movil{display: block;}
	#menu-superior {display: none;width:100%;}
    #cabecera #contenIdioma{display:none;}
	p{text-align:left;}
	
}
@media (min-width: 660px) and (max-width: 929px) {
   
   	#logo{margin-right:20px;}
   p{text-align:justify;}
   #menu-superior {display: none;width:100%;}   
   #selector_cabecera {display: none;}
   #menu-movil{display: block;}
   #cabecera #contenIdioma{display:none;}
  
}

@media (min-width: 930px) {

	#conten-central{margin:0px;}	
	#texto-centro{text-align:justify;padding-left:30px;padding-right:30px;}	
	p{text-align:justify;}
	#menu-superior {margin-left:30%;width:600px;}
   #menu-superior ul.ca-menu > li{display:inline-block;}
   #menu-superior ul li a:hover ul, #menu-superior ul li:hover ul {	display: block;}
   #menu-superior ul li ul {display: none;}
   #menu-superior ul li ul li{width: 250px;}
   #menu-superior ul li a:hover ul, #menu-superior ul li:hover ul {
		position: absolute;
		padding-top:15px;
		top:12px;
		left:-40px;
	}
    #menu-movil{display: none;}

}
/*----------------------------------------------*/
/**/
.degadado-marron{
	
background: rgba(130,95,70,0.82);
background: -moz-linear-gradient(top, rgba(130,95,70,0.82) 0%, rgba(130,95,70,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,95,70,0.82)), color-stop(100%, rgba(130,95,70,0)));
background: -webkit-linear-gradient(top, rgba(130,95,70,0.82) 0%, rgba(130,95,70,0) 100%);
background: -o-linear-gradient(top, rgba(130,95,70,0.82) 0%, rgba(130,95,70,0) 100%);
background: -ms-linear-gradient(top, rgba(130,95,70,0.82) 0%, rgba(130,95,70,0) 100%);
background: linear-gradient(to bottom, rgba(130,95,70,0.82) 0%, rgba(130,95,70,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#825f46', endColorstr='#825f46', GradientType=0 );

}
