@import url(https://fonts.googleapis.com/css?family=Roboto);
/*estilos de menu*/
		.menu ul.m1{list-style-type: none; margin: 0 auto; padding:0; text-align: center;}
		.menu ul.m1 li{margin:0;padding:0;display:inline;}
		.menu ul.m1 li a{width:auto; height:22px; line-height:22px; padding:0; margin:0px; font-size:14px; display:inline;}
		.menu ul.m1 li a:hover{}
		.menu ul.m1 li a.current{}
/*estilos de submenu*/
		.menu ul.m2{margin:0;padding:0;display:inline;}
		.menu ul.m2 li{margin:5px 0 0 0;padding:0;display:inline;list-style:none; float:left;}
		.menu ul.m2 li a{float:left; width:auto; height:16px; line-height:16px; padding:0; margin:0; font-size:12px; display:inline;}
		.menu ul.m2 li a:hover{}
		.menu ul.m2 li a.current{}#contenidoIzq {float:left; display:none; visibility:hidden;}
#contenidoCentro { float:left; width:980px; height:auto; margin:5px 0; display:inline;}
#contenidoDer {float:left; display:none; visibility:hidden;}html,body{ margin:0px; padding:0px;min-height:100%;}
body{background-position:center bottom;background-repeat:no-repeat;}
* html body{height:100%;}
body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; height:100%;}
div{margin:0px; padding:0px;}
a { text-decoration:none;} 
p{ margin:1px auto 4px auto;}
#todo{ width:980px; margin:auto; height:auto; min-height:580px;}
h1,h2,h3,h4,h1 a,h2 a,h3 a,h4 a{margin:2px 0;}

#cabecera {width:100%;float:left; position:relative;z-index:0}
#cabecera2 {width:100%; position:relative;z-index:2}
#cabecera2 .menu {margin:0 auto; text-align:center; height:50px; float:left; position:absolute; top:0;}
#contenido {clear:both; float:left; width:980px; height:auto !important; height:460px; min-height:460px;}

/*bloque por defecto*/
.bloque{ margin:5px 0px; float:left; height:auto; display:inline; width:100%;overflow: visible;}
	ul,ol{list-style-position:inside;}
	.bloqueImagen{position:relative; overflow:hidden}
	.bloqueImagen .ampliar{position:absolute; top:0px !important; top:-1px; left:0px; background:#FFFFFF; margin:2px;}
	.bloqueImagen .ampliar a{ color:#666666; padding-left:15px; background:url(../img/see_more.png) left bottom no-repeat; margin:2px;}
	.bloqueImagen .ampliar a:hover{text-decoration:none;}
	.bloqueImagen img{border:none; max-width:100%; max-height:100%;}
	.bloqueImagen.fn img,.bloqueImagen.fn2 img{border:none; max-width:100%; max-height:none}
	.bloqueImagen .pie{font-size:11px; text-align:left; clear:both; margin:1px 5px; color:#999999; max-width:350px;}
	.bloqueImagen.fn .pie{ max-width:98%; text-align:center; margin:1px 1%;}
	.fn .pie,.fn2 .pie{text-align:center;}

#pie { clear:both; float:left; width:980px;display:inline;height:40px;}

/*banners*/
.banner{ float:left; margin:3px;} 
#contenidoDer .banner{margin:3px; float:none;}
.banner img,.banner a{border :none;}
/*contenedores de maquetacion*/
.fr{float:right; display:inline; margin-left:2%;}
.fl{float:left; display:inline; margin-right:2%;}
.fn,.fn2{margin:auto; text-align:center;}		
.centrada{margin:auto; text-align:center; margin-bottom:15px;}	
.ajuste {clear:both;}
div.inicio{margin-left:0;}
div.fin{margin-right:0;}
.capa-50{float:left;width:47%; margin-left:3%;}
/*estilos de vinculo*/
.moreinfo{text-align:right;text-align: right; position: absolute; margin: 0; right: 5px; bottom: 5px; background:white; border-radius:4px;}
.moreinfo a{ padding-left:15px; background:url(../img/see_more.png) bottom left no-repeat; margin:0 5px;}
a.extlink{ padding-left:25px; background:url(../img/enlace.png) bottom left no-repeat; margin:4px 2px;}
a.document{ padding-left:25px; background:url(../img/documento.png) bottom left no-repeat; margin:4px 2px;}

/*formulario de contacto*/
form.contacto{ height:auto !important; min-height:320px; height:320px; margin:auto; border-left:2px solid #CCCCCC; margin-top: 20px; padding:0 10px;}
form.contacto legend{font-size:17px; font-style:italic; color:#5f5f5f; border-bottom:1px solid #5f5f5f; width:100%;}
form.contacto fieldset{ border:none;}
	
form.contacto label{ text-align:left;display:inline-block; line-height:1.4em; background: #DDD; border-radius: 5px 5px 0px 0px; padding: 0px 11px; width: auto; margin: 9px 0 0 0; color: #5f5f5f; font-size: 13px; }
	
form.contacto input,
form.contacto textarea,
form.contacto select{border:solid 1px #DDD; border-radius:0 5px 5px 5px; color:#333; font-family:inherit; background:white;height:20px; width:98%; padding:0 1%;}

form.contacto textarea{height:100px;}
form.contacto select{ width:100%;}

.req{font-size:10px; margin-left:-5px;line-height: 1em;}
.req_text{font-style:italic;}	

/*BOTON ENVIAR*/
form.contacto .boton{float:none;width:80%; padding:7px 11px; margin:15px auto; border:none; background:#dedede; border:1px solid #c2c2c2; height:auto; color:#333; font-size:16px; cursor:pointer; border-radius:6px; display:block}
form.contacto .boton:hover{ background-color:#d4d4d4;}
	
/*CAMPOS FECHA*/
form.contacto input.fecha{ width:100px; display:block}
form.contacto .ddmmaa{ font-size:9px; font-style:italic; position:absolute; color:#666; bottom: -7px; left: 6px;}
.ui-datepicker-trigger{ margin:4px;vertical-align: bottom;position: absolute; bottom: 10px; left: 120px;}
.ui-datepicker-calendar table, .ui-datepicker-calendar td, .ui-datepicker-calendar tr,.ui-datepicker-calendar a,.ui-datepicker a{margin:0;}

/*OTROS CAMPOS FORM*/
form.contacto .checkform{ float:none; width:auto; border:none; margin:0 0 0 5px; padding:0; height:13px; background:none;}
form.contacto .opt_check{float:left; width:10px; background:#000000;}
form.contacto .opt{float:left; width:120px; clear:none;}
form.contacto .check_label{background:none; margin:0; padding:0;}
form.contacto label a{color:#666; text-decoration:underline}

/*CODIGO DE SEGURIDAD*/
form.contacto .codigo{ margin-top:20px;}
.codigo p{color:#999999; font-size:12px; margin:2px 0; padding:0;}
.codigo img{margin:0; border:1px solid #d2d2d2}
.codigo a{ font-size:10px; color:#333333; text-decoration:none; clear:both; font-style:italic;}
form.contacto .codigo input{ height:33px; font-size:24px; text-align:center;}

form.contacto .campoform{padding:5px; margin:5px 0;}

/*FORMULARIO ANCHO COMPLETO*/
.bloque .codigo{ width:50%;}
.bloque form.contacto .boton{width:300px; float:left;}

/*calendario fecha blogs*/
.calendario{width:40px; height:41px; float:left; display:inline; margin:0px 5px; padding:3px 1px;background:url(../img/calendario.png) top left no-repeat}
.calendario p.mes{ color:#FFFFFF; font-size:10px; line-height:10px; font-weight:bold; margin:0px; padding:0px; text-align:center;}
.calendario p.dia{ color:#666666; font-size:13px; line-height:13px; font-weight:bold; margin:0px; padding:0px; text-align:center;}
.calendario p.ano{ color:#000000; font-size:8px; line-height:8px; margin:0px; padding:0px; text-align:center;}

/*comentarios*/
.numComentarios{color:#666666; font-size:9px; padding:0px 0px 0px 18px; height:16px; width:25px; line-height:18px; background:url(../img/comentarios.gif) center left no-repeat; margin:6px 0px 0px 2px; float:left; display:inline;}
.autor{margin-top:5px;}
.autor strong{color:#000099;}
.calloutUp{border-bottom-color:#ffffff;height: 0; width: 0; border-bottom: 12px solid; border-left: 12px dashed transparent; border-right: 12px dashed transparent; left: 0px; top: 0px; margin-left: 20px; z-index: 10;}
.calloutUp2{border-bottom-color:#FFCCFF;position: relative; left: -10px; top: 2px; height: 0; width: 0; border-bottom: 10px solid; border-left: 10px dotted transparent; border-right: 10px dotted transparent; z-index: 11;}
.comentario,.comentarioAdmin{ border: solid 1px; position: relative; top: -1px; z-index: 9; width: 550px; padding: 4px; }
.comentarios{padding: 8px; text-align:justify;}
.comentario{background-color: #FFCCFF; border-color:#ffffff;}
.comentarioAdmin{background-color: #ffffff; border-color:#FF66FF;}

/*mensajes de aviso*/
.aviso,.error{margin:10px auto 0 auto; padding:5px 5px 5px 39px; color:#666; border-style:solid; border-width:1px 1px 3px 1px;}
.aviso{background:url(../img/ok.png) 15px center no-repeat #B9FFB6; border-color:#99DB96; }
.error{background:url(../img/error.png) 15px center no-repeat #FFCACA; border-color:#FF9797;}

.publicacion{float:left; margin:1px; border-bottom:1px dotted #CCCCCC; color:#999999; padding:0 0 2px 0;}

/*redes sociales*/
.redes{position:relative; width:290px; margin:5px auto 0 auto;}
.redes .g1{padding-top:5px; float:left;}

/*Mapa web*/
.mapaweb{ float:left;}
.mapaweb li{list-style:none;}
.mapaweb a{font-size:16px; margin:10px 0; display:block;}

/* Columnas */
.col1,.col2,.col3,.col4{ position:relative}
.col1{width:100%; overflow:hidden; float:left; clear:both}
.col2{width:50%; overflow:hidden; float:left;}
.col3{width:33.333%; overflow:hidden; float:left;}
.col4{width:25%; overflow:hidden; float:left;}

.col1 .bloqueImagen.fl,.col1 .bloqueImagen.fr{max-width:25%; max-height:100%;}
.col4 .bloqueImagen.fl,.col4 .bloqueImagen.fr{max-width:45%; max-height:100%;}
.bloqueImagen.fl,.bloqueImagen.fr{max-width:60%; max-height:100%;}
.bloqueImagen.fn,.bloqueImagen.fn2{max-height:60%; max-width:100%;}
/*.col2 .bloqueImagen img,.col3 .bloqueImagen img,.col4 .bloqueImagen img{max-height:140px;}*/

.resultado{border-bottom:1px solid #BEBEBE; width:97%; float:left; padding:10px 2px;}

.menu_pie{position:relative;}
.menu_pie div{position:absolute;}
.by{position:relative;}

.migas{font-size:12px; color:#888; margin:0 0 10px 0;}
.migas a{ font-size:12px; font-style:italic;color:#888;}
.migas a:hover{color:#666}

.ayuda-camposform { display:block; position:absolute; background:white; color:#666666; padding:2px 12px; border:solid 3px #666666; border-radius:8px; display:none;z-index: 10; }
.ayuda-camposform:before{ border: solid; border-color: #666666 transparent; border-width: 11px 6px 0 6px; bottom: -11px; content: ""; left: 5%; position: absolute; z-index: 99; } p,li,a,table,td,tr,ul,body {  color: #595959; font-family: Roboto, sans-serif;; font-size: 14px; line-height:1.5em;} 
p,li {  margin: 10px 0 10px 0; font-family: Roboto, sans-serif;; font-size: 16px;} 
a {  color: #4249cc; font-family: Roboto, sans-serif;;} 
a:hover {  color: #1574A1;} 
h1,.resultado h1 a {  margin: 15px 0px 5px 0px; color: #161616; font-family: Roboto, sans-serif;; font-size: 20px; font-weight:bold;
line-height:1.2em;} 
h2 {  color: #fc6500; font-family: Roboto, sans-serif;; font-size: 18px; font-weight:normal;
line-height:1.2em;} 
h3, h3 a {  color: #fc6500; font-family: Roboto, sans-serif;; font-size: 18px; font-weight: normal;
line-height: 1.1;} 
h3 a:hover {  color: #c95000;} 
h4 {  color: #595959; font-family: Roboto, sans-serif;; font-size: 16px; font-weight: normal;} 
.menu ul.m1 li a {  margin: 0 10px 0 0; padding: 0px 20px 0px 20px; color: #c6c6c6; font-family: Arial, Helvetica, sans-serif; width: auto; height: 49px; display:inline-block; line-height:49px;} 
.menu ul.m1 li a:hover {  color: #f2d20d;} 
.menu ul.m1 li a.current { 	background: #3f3f3f  top left repeat-x;; color: #f2d20d;} 
.menu ul.m2 li a {  margin: 0; padding: 0 0 5px 5px; font-size: 14px; background:none;
border:none;
border-left:2px solid #000;} 
.menu ul.m2 li a:hover { } 
.menu ul.m2 li a.current {  color: #218EEC; background:none;} 
#contenidoCentro { } 
#contenidoIzq { } 
#contenidoDer { } 
body{	background: #FFFFFF url(../docs/fondos_imgfondo_fondo-cabrep24_070.png)  top left repeat-x;} 
#fondo1{ width:100%; margin:auto; height:auto; min-height:100%;	background: url(../docs/fondos_imgfondo_fondo-cab25_966.jpg)  top center no-repeat;} 
#cabecera{height:180px;z-index:0;background:url(../docs/plantillas_imgcab_web-ervipack8_483.png) no-repeat top left;} 
#cabecera2 .menu{top: 128px;z-index:1;}
#pie{height:140px;background:url(../docs/plantillas_imgpie_web-ervipack8_297.jpg) no-repeat top left;} 
/*BOX imagenes*/
.box1{width:100%;}
.box2{width:50%;}
.box3{width:33.333%;}
.box4{width:25%;}
.box5{width:20%;}
.box6{width:16.6667%;}
.box7{width:14.285%;}
.box8{width:12.5%;}
.box9{width:11.1%;}
.box10{width:10%;}
.box{float:left; position:relative}
.box img.img{ width:98%; margin:1%;}
.box a{display:inline-block;  margin:0}
.box .play{ position:absolute; height:50%; position:absolute; top: 25%; left: 50%; margin-left: -13%;}

.slider li,.slider{margin:0; padding:0;}
.slider a,.slider li{height:100%;}
.slider .box a{display:block;}
#contenidoCentro .bx-wrapper .bx-viewport{padding-bottom:0;}
#contenidoCentro .bx-wrapper .bx-caption { width:98%; margin:1%;}

#contenidoCentro .bx-controls-direction{position: absolute; bottom: -50px; width: 100%;}
#contenidoCentro .bx-wrapper .bx-prev{margin:0; left:0;}
#contenidoCentro .bx-wrapper .bx-next{margin:0; right:0; left:auto;}
/*Estilos galerias de imagenes*/
#galerias_1{height:480px; overflow:hidden; padding:1%;} 
#galerias_2{height:; overflow:hidden; padding:1%;} 
#galerias_3{height:300; overflow:hidden; padding:1%;} 
#galerias_4{height:; overflow:hidden; padding:1%;} 
#galerias_5{height:; overflow:hidden; padding:1%;} 
#galerias_6{height:; overflow:hidden; padding:1%;} 
#galerias_7{height:300; overflow:hidden; padding:1%;} 
#galerias_8{height:300; overflow:hidden; padding:1%;} 

/*Estilos bloques web*/
.bloque { overflow:hidden;} 
.bloque h1,.bloque h3, .bloque h3 a {} 
.bloque h1:hover,.bloque h3:hover, .bloque h3 a:hover{} 
.bloque h2,.bloque h4{} 
.bloque p,.bloque ul{} 
 .bloque h2 {margin-bottom: 10px;}
.bloque p {margin: 10px 0 0 0 ;}

.bloquecon {  margin: 5px; padding: 5px; height: 210px; border-bottom: 1px dotted #C2C2C2 ; border-top: 1px dotted #C2C2C2;overflow:hidden;} 
.col1 .bloquecon{height:auto;} 
.bloquecon h1,.bloquecon h3, .bloquecon h3 a {} 
.bloquecon h1:hover,.bloquecon h3:hover, .bloquecon h3 a:hover{} 
.bloquecon h2,.bloquecon h4{} 
.bloquecon p,.bloquecon ul{ font-size: 12px;} 


.scontacto { overflow:hidden;} 
.scontacto h1,.scontacto h3, .scontacto h3 a {} 
.scontacto h1:hover,.scontacto h3:hover, .scontacto h3 a:hover{} 
.scontacto h2,.scontacto h4{} 
.scontacto p,.scontacto ul{} 
 .scontacto .content{float:left;width:50%;}

.bloquesin {  margin: 5px; padding: 5px; height: 210px;overflow:hidden;} 
.col1 .bloquesin{height:auto;} 
.bloquesin h1,.bloquesin h3, .bloquesin h3 a {} 
.bloquesin h1:hover,.bloquesin h3:hover, .bloquesin h3 a:hover{} 
.bloquesin h2,.bloquesin h4{} 
.bloquesin p,.bloquesin ul{ font-family: Roboto, sans-serif;; font-size: 14px;} 
 .bloquesin p {line-height: 1.4em;}

.bloquecon2 {  margin: 5px; padding: 5px; height: 210px; border-bottom: 5px solid #C2C2C2; border-top: 1px solid #C2C2C2; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2;overflow:hidden;} 
.col1 .bloquecon2{height:auto;} 
.bloquecon2 h1,.bloquecon2 h3, .bloquecon2 h3 a {} 
.bloquecon2 h1:hover,.bloquecon2 h3:hover, .bloquecon2 h3 a:hover{} 
.bloquecon2 h2,.bloquecon2 h4{} 
.bloquecon2 p,.bloquecon2 ul{ font-size: 12px;} 


.bloquecon3 {  margin: 5px; padding: 5px; height: 210px; border-left: 1px dotted #C2C2C2; border-right: 1px dotted #C2C2C2;overflow:hidden;} 
.col1 .bloquecon3{height:auto;} 
.bloquecon3 h1,.bloquecon3 h3, .bloquecon3 h3 a {} 
.bloquecon3 h1:hover,.bloquecon3 h3:hover, .bloquecon3 h3 a:hover{} 
.bloquecon3 h2,.bloquecon3 h4{} 
.bloquecon3 p,.bloquecon3 ul{ font-size: 12px;} 


.blfoto {  margin: 10px; height: 216px;overflow:hidden;} 
.col1 .blfoto{height:auto;} 
.blfoto h1,.blfoto h3, .blfoto h3 a {} 
.blfoto h1:hover,.blfoto h3:hover, .blfoto h3 a:hover{} 
.blfoto h2,.blfoto h4{} 
.blfoto p,.blfoto ul{} 
 .blfoto .bloqueImagen img{max-height:none;}
.blfoto h3{background:url(../img/c60.png) top left repeat; position:absolute; bottom:-100px;padding:2%; height:50px; width:98%;}
.blfoto:hover h3{bottom:0px;}
.blfoto .moreinfo{display:none;}

.bloqueproductos {  margin: 5px; padding: 5px; height: 360px;overflow:hidden;} 
.col1 .bloqueproductos{height:auto;} 
.bloqueproductos h1,.bloqueproductos h3, .bloqueproductos h3 a { color: #0068d1;} 
.bloqueproductos h1:hover,.bloqueproductos h3:hover, .bloqueproductos h3 a:hover{ color: #007fff;} 
.bloqueproductos h2,.bloqueproductos h4{} 
.bloqueproductos p,.bloqueproductos ul{ font-family: Roboto, sans-serif;; font-size: 14px;} 
 .bloqueproductos p {line-height: 1.4em;}
.bloqueproductos h3{ margin: 8px 0;}


.menu_pie{width:470px;}
.menu_pie div{top:60px; left:0;}
.by p,.by a{top:90px; right:0; position:absolute;}

.menu_pie a{margin:5px 15px 5px 0; color:#323232; font-size:11px}
.by p,.by a{margin:5px 0 5px 15px; color:#c5c5c5; font-size:11px}

.menu_pie a:hover{color:#BB7200;}
.by p:hover,.by a:hover{color:#BB7200;}

.logo a{left: 0;position: absolute;top: 15px;z-index: 3;}
.logo a img{border:none;}

#pie{position:relative;}
.texto_pie{width:50%; left:50%; margin-left:-25%; position:absolute; top:90px; text-align:center;}

/* work around mobile device auto-fitting */
@media only screen and (max-device-width: 800px) {
   #contenido p,   #contenido ul,   #contenido h1,h2,h3,h4,   #contenido li{
       background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
       background-repeat:repeat;
    }
}