@charset "utf-8";
/* CSS Document */

/*****************    ETIQUETAS    *****************/

*,html{
	padding: 0px;
	margin:0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
/*	background-color:#e5e8ea;
	background-image:url(/images/bg-body.png);
	background-repeat:repeat-x;
	background-position:top;*/
	font-size:62.5%;

	font-family: 'Molengo', serif, Arial, Verdana;
	background-color:#333;
	
	background-color:#f1f4f8;
	min-width:999px;



}

img{
	border:none;
}

p{
	font-size: 1em;
	/*margin-bottom:;*/
	/*line-height:;*/
}

a{
	text-decoration:none;
}

a:focus{
	outline:none;
}

input, select, textarea{
	font-family: Arial, Verdana;
	font-size: 1em;
}

h1{
	background-repeat:no-repeat;
}

h1 a{
	display:block;
}

hr{
	height:0px;
	width:0px;
	margin:0px;
	clear:both;
	font-size:0px;
	border:none;
}

h2 {
    color: #777777;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 3px;
    margin-bottom: 20px;
    margin-top: -15px;
    text-transform: uppercase;
	height:17px;
}

/*****************    CLASES PROPIAS    *****************/

.floatleft {
	float: left;
	margin: 0px;
	padding: 0px;
}

.floatright {
	float:right;
	margin: 0px;
	padding: 0px;
}

.salto {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
}

.sincss{
	display:none;
}

.sinlista{
	list-style:none;
}

.texto_fck ul{
	margin: 0px 0px 20px 20px;
}

.texto_fck li{
	margin: 0px 0px 15px 0px;
}

.negro{
	color:#000;
}

.blanco{
	color:#FFF;
}



/*****************    IDs UNICOS    *****************/

#fondo{
	/*background-image:;*/
	/*background-repeat:;*/
/*	width:100%;
	position:relative;*/
}

#contenedor{
	/*width:960px;  999px maximo ancho para pantallas de 1024 	margin:auto auto;*/

}

/**/

#cabecera{
	width:100%;
	display:block;

	height:200px;
}

	#cabecera h1{
		float:left;
/*		margin-left:5px;
		margin-top:5px;*/
		margin:22px;	
	
}


    #idiomas{
		float: right;
    text-align: right;
    width: 200px;
    }

    #idiomas li{
		display:inline;
    }

    #idiomas li a{
		 color: #777777;
    display: inline-block;
    font-size: 13px;
    padding: 3px;
    }

	#idiomas li a.on{
		font-weight:bold;
		color:#A97F19;
	}
    ul#menu{
		float:left;
		/*background-color:#333;*/
	
    }

	
    #menu li.menu-principal{
		
		min-height:156px;
		width:133px;
		background-color:#e3e0d6;
		margin-right:5px;
		margin-top:5px;
		display:block;
		float:left;
		text-transform:uppercase;
		color:#000;
		padding-left:5px;
		padding-top:5px;

    }
	
	#menu li.menu-principal.menu-extra a{
		color:#777;
	}
	
	#menu li.menu-principal.menu-extra a span{
		    background-color: #A97F19;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 8px;
    height: 12px;x;
    line-height: 10px;
    padding: 0 1px;
}
	
	    #menu li.menu-principal.menu-extra{
			background-color:#eaebeb;
			
		}

    #menu li a{
		font-size:16px;
		color:#000;
		color:#c27f19;
    }
	
	#menu li ul .menu-secundario{
		list-style:none;
	}

	#menu li ul .menu-secundario a{
		font-size:11px;
		text-transform:capitalize;
				text-transform:uppercase;
		font-size:10px;
		line-height:15px;
			letter-spacing: -0.06em;
	}
	#menu li ul .menu-secundario a.on, #menu li ul .menu-secundario a:hover{
		color:#a97f19;

	}

	#menu ul {
		margin-bottom:5px;
	}


#contenido{
	/*width:;*/
}

    #columna_lateral{
    }

        #menu_lateral{
        }

        #menu_lateral li{
        }

        #menu_lateral li a{
        }


#texto_contenido{
	padding: 0 150px;
	font-size:12px;
	width:570px;

}


#texto_contenido h3{
	color:#A97F19;
	font-weight:bold;
	font-size:12px;
}

#texto_contenido .bloque img{
	margin-bottom:5px;
}

#texto_contenido .bloque{
	margin:0 0 20px 0;
}

#texto_contenido .bloque.mini_a{
	float:left;
	width:278px;
	margin-right:1px;
}

#texto_contenido .bloque.mini_b{
	float:left;
	width:143px;
	margin-right:1px;
}

#texto_contenido .bloque.mini_c{
	float:left;
	width:143px;
}

#pie li{
	display:inline;
}

#pie li.triplevdoble{
	float:right;
}

#pie li a{
	color:#666;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
}
#pie li a:hover{
	text-decoration:underline;
}

#pie{

	position:fixed;
	bottom:6px;
	left:6px;
	width:990px;
		color:#666;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
}



#info{

	position:absolute;
	bottom:50px;
	left:0px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	border-radius:10px;
	z-index:5;
}

#info span.enlace{
	width:240px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
	background-color:rgba(0,0,0,0.1);
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10x;
	border:2px solid rgba(0,0,0,0.0);
	margin:0 auto;
	padding:8px 40px;
	display:block;
	color:#FFF;
	height:40px;
}

#info span.enlace span{
	text-transform:lowercase;
}

#info a{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
	width:240px;
	background-color:rgba(0,0,0,0.1);
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10x;
	border:2px solid rgba(0,0,0,0.0);
	margin:0 auto;
	padding:8px 40px;
	display:block;
	color:#FFF;
	background-image:url(../images/download.jpg);
	background-image:url(../images/descargar_sin.png);
	background-position:282px center;
	background-repeat:no-repeat;
	height:40px;
}

#info a:hover{
	background-image:url(../images/descargar.png);
	background-color:rgba(0,0,0,0.2);
	border:2px solid #777;
}

#info a span{
	text-transform:none;
	font-size:13px;
}

#triplevdoble{

	position:fixed;
	bottom:6px;
	right:6px;
}

.footer{
	
	background-image:url(../images/bg_new.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
}

.item{
		text-align:center;
		position:relative;
		margin:0 auto;
		width:211px;
	}
	
.item .item-color, .item .item-trans{
	position:absolute;
	top:0px;
	left:0px;
	-webkit-transition:1s;
  -moz-transition-property: opacity;  
  -moz-transition-duration: 1s;  
			transition:1s;
}
.item .item-color{
	z-index:1
	}
.item .item-trans{
	z-index:2;
	}

.item .item-trans:hover{
	opacity:0;
	-webkit-transition:1s;

			transition:1s;
			
  -moz-transition-property: opacity;  
  -moz-transition-duration: 1s;  
  filter: alpha(opacity = 0);
	}


.ubicacion {
    float: left;
    margin-right: 7px;
    width: 277px;
}

.ubicacion a{
	color:#333;
	text-decoration:underline;
	
}
.ubicacion img{
	margin:10px 0;
}

.datos_contacto{
	font-size:12px;
}

body.largo #pie {
	position:relative;
	margin-top:30px;
	float:left;
	width:500px;
}

body.largo #triplevdoble {
	 float: right;
    margin-top: 30px;
    position: relative;
    width: 82px;
}
/********************    MAPA    ********************/

#mapa {
    height: 270px;
    margin-bottom: 20px;
    width: 270px;
}


/*****************    FORMULARIOS    *****************/

.form{
}

.form_bloque{
}

.form_boton{
}

.form_campo_error{
}

.form_texto_error{
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */

}

/* Desktops and laptops ----------- */
@media only screen
and (max-width : 1024px) {
/* Styles */



}


/* Large screens ----------- */
@media only screen
and (min-width : 1100px) {
/* Styles */

body.largo #pie {
	position:fixed;
	margin-top:30px;
	left:5px;
	width:500px;
	bottom:5px;
}

body.largo #triplevdoble {

    margin-top: 30px;
    position: fixed;
	right:5px;
	bottom:5px;
    width: 82px;
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}