@charset "utf-8";
@charset "iso-8859-1";

@font-face{font-family:'Open Sans';src:url('fonts/opensans-regular-webfont.eot');src:url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-regular-webfont.woff') format('woff'),url('fonts/opensans-regular-webfont.ttf') format('truetype'),url('fonts/opensans-regular-webfont.svg') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'Open Sans';src:url('fonts/opensans-bold-webfont.eot');src:url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-bold-webfont.woff') format('woff'),url('fonts/opensans-bold-webfont.ttf') format('truetype'),url('fonts/opensans-bold-webfont.svg') format('svg');font-weight:bold;font-style:normal}

@font-face{font-family:'Lato';src:url('fonts/lato-regular-webfont.eot');src:url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-regular-webfont.woff') format('woff'),url('fonts/lato-regular-webfont.ttf') format('truetype'),url('fonts/lato-regular-webfont.svg') format('svg');font-style:normal}

@font-face{font-family:'moonshine-font';src:url('fonts/moonshine-font.eot');src:url('fonts/moonshine-font.eot?#iefix') format('embedded-opentype'),url('fonts/moonshine-font.woff') format('woff'),url('fonts/moonshine-font.ttf') format('truetype'),url('fonts/moonshine-font.svg') format('svg');font-weight:normal;font-style:normal}



h1{font-family:Lato;font-size:1.8em;}
h2{font-family:Lato;font-size:1.6em;}
h3{font-family:Lato;font-size:1.4em;}
h4{font-family:Lato;font-size:1.2em}

body {
	background-color: #000;
	background-image:url(../imagen/FONDO.jpg);
	background-attachment:fixed;
	margin:0;
}

p{	font-family:Lato;	font-size:1em; line-height:25px;}

#capatotal{ width:80%; margin-left:10%; background-color:#FBFCFD}

#cabecera {height: auto; width:100%;  overflow:hidden; background-color:#FFF}

#logo { width: auto; margin-left:3%; float:left}

#lema {width: auto; margin-left:3%;float:left; margin-top:60px;}

#menupr{width:100%; background-color:#EEE; height: 50px; min-height:50px;  z-index:1; }

a {	font-family:  lato;	color: #000;	font-size:1.0em; font-weight:bold;line-height:35px;}
a:link {text-decoration:none;color:  #000;line-height:35px;}
a:visited {color:  #000;}
a:hover {	color:  #000;}






.menu {	font-family:  lato;	color:  #000;padding:10px 25px 3px 25px ;	font-size:1.0em; font-weight:bold;line-height:35px;}
a.menu:link {text-decoration:none;color:  #000;line-height:35px;}
a.menu:visited {color:  #000;}
a.menu:hover {	color: #fff;background-color: #000;}

.texto_articulo{ width:45%;margin:1%; margin-top:60px;; height:500px; border:solid 1px #999; padding:1%; float:left; overflow:hidden; z-index:888; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important;}



#texto_articulo  span { font-family:Arial, Helvetica, sans-serif; }

.texto_articulo:hover{ background-color: #F0F3F4;}
.texto_articuloTi{ width:92%;margin-top:60px; height:auto; border:solid 2px #999; margin:2%; padding:2%}

#descripcion{ font-size:1.8em !important; color: #000!important; }

#descripcion a {	font-family:  lato;	color: #09F;	font-size:1.0em; font-weight:bold;line-height:35px;}
#descripcion a:link {text-decoration:none;color:  #09F;line-height:35px;}
#descripcion a:visited {color:   #09F;}
#descripcion a:hover {	color:  #09F;}



.submenuAR{ width:250px; height:200px; border: 1px solid #666; margin:10px; font-size:26px; float:left;  text-align:center; background-color:#F7F7F7}

.submenuAR:hover{ width:250px; height:200px; border: 1px solid #666; margin:10px; font-size:26px; float:left;  text-align:center; background-color: #ECF0F0}

#piedepagina{ background-color:#F1F3F5; height:auto; width:100%;  overflow:hidden }

.piecol{ float:left; margin:1%; width:23%; border-right:1px solid #333; min-height:450px;}
.piecol2{ float:left;  width:23%; min-height:450px;}

#detalle{min-height:450px; padding:2%; width:96%;}

#5010iz{min-height:450px;padding:2%;width:40%; float:left; border-right: 1px solid #666;}
	
#5010de{min-height:450px;padding:2%;width:40%; float:left;}	

.imagenesgaleria{  height:200px; float:left; margin:10px;}

.IMA { float:left; margin: 2%; max-width:46%;  height:400px;}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	z-index:5;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}







@media (max-width: 1400px) and (min-width: 0px) {
#menupr{ height:120px;   }
	
#capatotal{ width:100%; margin-left:0%; background-color:#FBFCFD}	

	
	
}

@media (max-width: 1000px) and (min-width: 0px) {
	
.piecol{ float:left; margin:0%; width:48%; border-right:1px solid #333; min-height:400px;}
.piecol2{ float:left;  width:48%; min-height:400px;}
	

.texto_articuloTi{ width:92%; height:auto; border:solid 2px #999; margin:2%;margin-top:90px; padding:2%}	
#menupr{ height:140px;   }

.IMA { float:left; margin: 2%; max-width:94%; height: auto;}

.texto_articulo:hover{ background-color: #F0F3F4;}
}
	
@media (max-width: 800px) and (min-width: 0px) {
.texto_articulo{ width:95%;}	
.piecol{ float:left; margin:0%; width:98%; border-right:1px solid #333;min-height:0px;}
.piecol2{ float:left;  width:98%;min-height:0px; }
	
.texto_articuloTi{ width:92%;height:auto; border:solid 2px #999; margin:2%; padding:2%;margin-top:200px; }

#menupr{ height:160px;   }	
	}
	
	@media (max-width: 700px) and (min-width: 0px) {
		#menupr{ height:300px;   }
		
	}