@charset "utf-8";
/* CSS Document */
div, input, textarea, form {
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
.imgfix{line-height: 0px; display: block;}
body {
	margin:0px; 
	background-color:#FAFAFA; 
	font-family:'Lato', Trebuchet MS, Arial; 
	color:#4F4F4F;  
	font-size:17px; 
	font-weight:300;
}
@media only screen and (max-width: 800px) { 
body {
	font-size: 15px;
} 
}
@media only screen and (max-width: 600px) { 
body {
	font-size: 14px;
	} 
}	  
#menux {
	z-index:40000; 
	margin:0 auto;
}
.menuxdefault {
	margin:auto;
}
.menuxfixed {background-color:#FFFFFF; position:fixed; top:0px; width:100%;  }

.indexoculto {}
.indexvisible {
	display:hidden; 
	visibility:hidden; 
	width:0px;
}
.logooculto {
	display:hidden; 
	visibility:hidden; 
	width:0px; 
}
.logovisible {
	display:block; 
	background-image:url(image/imagweb-08.jpg); background-repeat:no-repeat; background-size:contain; width:209px; height:52px; }
.menuxlogo {display:hidden; width:0px;  background-color:#ff0000;}
.menuxlogofixed {}

.ir-arriba {
	display:none;
	padding:4px;
	width:30px;
	height:30px;
	background-color:#0056B3;
	background-image:url(imagen_web/arribablanca.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	position:fixed;
	bottom:15px;
	right:25px;
	border-radius:15px;
}


@media only screen and (max-width: 718px) {
.ir-arriba {
	display:none;
	padding:4px;
	width:25px;
	height:25px;
	background-color:#0056B3;
	background-image:url(imagen_web/arribablanca.png);
	background-repeat:no-repeat; 
	background-position:center;
	background-size:contain;
	cursor:pointer;
	position:fixed;
	bottom:15px;
	right:25px;
	border-radius:13px;
}
}

.f_logo {background-repeat:repeat; margin-top:0px;  width:100%; background-color:#FAFAFA; }
.logo {margin:auto; width:1100px; text-align:left;}
.logo100{width:90%;}
@media screen and (max-width:650px) {
.logo {text-align:center;}
}

.f_menu {margin-top:0px; background-color:#0056B3;   margin:auto;}
.f_menufijo {background-color:#0056B3; width:100%; position:fixed; top:0; z-index:99999; margin-top:0px; }
.f_menufijologo { display:block; float:left;}
.f_menufijospace {height:52px; display:block;}

.f_slidepre {margin:auto; width:100%; background-color:#FFFFFF}
.f_slide {margin:auto; width:1100px;}
.cero960 {margin:auto;border:0px; padding:0px; width:1100px; background-image:url(image/92689584-07.jpg);}

.TB_Base {margin-top:25px; margin-bottom:50px;	margin-left:12px;}
.TB_Wrapper {border:10px solid #FFFFFF; width:742px; height:245px; background:url(trans_banner/preloader.gif) center center no-repeat; box-shadow:0px 0px 15px #444444;	    } 
.TB_Wrapper2 {border:0px; max-width:1920px; height:475px; background:url(trans_banner/preloader.gif) center center no-repeat; box-shadow:0px 0px 15px #444444;}
.TB_Wrapper3 {border:0px; max-width:1920px; height:475px; background:url(trans_banner/preloader.gif) center center no-repeat; box-shadow:0px 0px 15px #444444;}


#sidebar{
width:100%;
margin:auto;
position:relative;
}
.sticky-scroll-box{
min-height:20px;

}
/*=Sticky Scroll Styles ver tambien en cada pagina .fixed en imagen fija=*/


.imagenfullencabezado {display:block; width:100%; background-position:center; background-repeat:no-repeat;}

.tabla_main {width:1100px; margin:auto; padding:0px 10px 0px 10px; background-color:#FAFAFA;	}

.bordeimagen {
0px 0px 10px 0px rgba(0,0,0,0.2), inset 0 0 10px 0 #fff}

.imagen_izq {float:left; margin:5px; margin-right:30px; margin-top:10px; }
.imagen_der {float:right; margin:5px; margin-left:30px; margin-top:20px; }
.twocolshadow {	background-image:url(imagen_web/twocol-shadow.png); background-size:100% 100%; background-repeat:no-repeat; background-position:center top; height:15px; width:100%;}
.puntodiv1{
	border-bottom:1px dotted #ccc;
}
.forma {
	background-color:#FFFFFF;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	color:#0056B3;
	font-family:'Lato', Trebuchet MS, Arial;
	font-size:15px;
	font-weight:normal;
	position:relative;
	margin:0;
	outline:0;
	height:40px;
}
.forma:hover {
	background-color:#E8EEF2;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	color:#000000;
	font-family:'Lato', Trebuchet MS, Arial;
	font-size:15px;
	font-weight:normal;
	position:relative;
	margin:0;
	outline:0;
	height:40px;

}
.forma:focus {
	background-color:#0056B3;
	border-radius:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-appearance:none;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	color:#FFFFFF;
	font-family:'Lato', Trebuchet MS, Arial;
	font-size:15px;
	font-weight:normal;
	position:relative;
	margin:0;
	outline:0;
	height:40px;
}
.indexbos {width:100px; }
.PL4iconos {
	font-size:15px; 
	text-align:justify; 
}
a.linkoscuro img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; border:0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
a.linkoscuro:hover img {background:rgba(0,0,0,.30);	transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
a.linkopacity80a img { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; border:0; }
a.linkopacity80a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; border:0;}
a.linkopacity80b img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; border:0;}
a.linkopacity80b:hover img { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; border:0;}

p  { font-size:17px; font-weight:lighter; text-align:justify; color:#4F4F4F; font-style:normal; } 
h1 { font-family:'Archivo Black', sans-serif; 
font-size:35px; 
font-weight:700; 
color:#0056B3; 
margin:0px; letter-spacing:-2px }
.h1spacio{margin-top:50px;}
h2 { font-family:'Muli', sans-serif;; font-size:28px; font-weight:normal; color:#0056B3; margin:0px; }
h3 { font-family:Trebuchet MS, Arial; font-size:24px; font-weight:normal; color:#0056B3; margin:0px; }    
h4 { font-family:'Lato', Trebuchet MS, Arial; font-size:22px; font-weight:normal; color:#0056B3; margin:0px; }
h5 { font-family:Trebuchet MS, Arial; font-size:18px; font-weight:normal; color:#0056B3; margin:0px; }
.som_slide { margin:auto; width:100%; position:absolute; background-image:url(imagen_web/sombra1.png); height:24px; background-size:100% 100%; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
margin:0;
padding:0;
border:0;
list-style:none;
line-height:1;
display:block;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}
#cssmenu:after,
#cssmenu > ul:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
#cssmenu #menu-button {
display:none;
}
#cssmenu {
text-align:center;
width:1100px;
color:#FFFFFF;font-family: 'Archivo Black', sans-serif;
font-size: 16px;
font-weight: ;
letter-spacing: ;
line-height:1;
margin:auto;

}

.cssmenuback1{ background-color:#0056B3;
}
.cssmenuback2{background-color:#D9A300;
}	  




#menu-line {
position:absolute;
top:0;
left:0;
height:3px;
background-color:#3CAD4B;
-webkit-transition:all 0.25s ease-out;
-moz-transition:all 0.25s ease-out;
-ms-transition:all 0.25s ease-out;
-o-transition:all 0.25s ease-out;
transition:all 0.25s ease-out;
}
#cssmenu > ul > li {
float:left;
}
#cssmenu.align-center > ul {
font-size:0;
text-align:center;
}
#cssmenu.align-center > ul > li {
display:inline-block;
float:none;
}
#cssmenu.align-center ul ul {
text-align:left;
}
#cssmenu.align-right > ul > li {
float:right;
}
#cssmenu.align-right ul ul {
text-align:right;
}

.menusize {min-width:220px; }
.adaptar {min-width:10px !important; 
font-size:15px !important; 
color:#FFFFFF !important;}

.adaptar:hover {min-width:10px !important; 
font-size:15px !important; 
color:#FFFFFF !important;
background-color:#F853FF !important;}	  



#cssmenu > ul > li > a {

padding:0px 10px;
line-height:52px;
text-decoration:none;
color:#FFFFFF;-webkit-transition:color .2s ease;
-moz-transition:color .2s ease;
-ms-transition:color .2s ease;
-o-transition:color .2s ease;
transition:color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
color:#FFFFFF;background-color:#3CAD4B;}
#cssmenu > ul > li.has-sub > a {
text-align:center;
}
#cssmenu > ul > li.has-sub > a::after {
position:absolute;
bottom:10px;
right:10px;
width:4px;
height:4px;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
content:"";
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:border-color 0.2s ease;
-moz-transition:border-color 0.2s ease;
-ms-transition:border-color 0.2s ease;
-o-transition:border-color 0.2s ease;
transition:border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
border-color:#FFFFFF;
}
#cssmenu ul ul {
position:absolute;
left:-9999px;
}
#cssmenu li:hover > ul {
left:auto;
}
#cssmenu.align-right li:hover > ul {
right:0;
}
#cssmenu ul ul ul {
margin-left:100%;
top:0;
}
#cssmenu.align-right ul ul ul {
margin-left:0;
margin-right:100%;
}
#cssmenu ul ul li {
height:0;
-webkit-transition:height .2s ease;
-moz-transition:height .2s ease;
-ms-transition:height .2s ease;
-o-transition:height .2s ease;
transition:height .2s ease;
}
#cssmenu ul li:hover > ul > li {
height:40px;
}
#cssmenu ul ul li a {
text-align:left;
line-height:40px;
background-color:#0056B3;
padding:0px 10px;
width:250px;
color:#FFFFFF;
font-family:Arial, Verdana;
font-size:16px;
font-weight: ;
letter-spacing: ;
text-decoration:none;
-webkit-transition:color .2s ease;
-moz-transition:color .2s ease;
-ms-transition:color .2s ease;
-o-transition:color .2s ease;
transition:color .2s ease;
z-index:11000;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color:#FFFFFF;/* color texto enlace */
background-color:#3CAD4B;
line-height:40px;
font-family:Arial, Verdana;
font-size:16px;
}
#cssmenu ul ul li.has-sub > a::after {
	position:absolute;
	top:13px;
	right:10px;
	width:4px;
	height:4px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	content:"";
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg); 
	transform:rotate(-45deg);
	-webkit-transition:border-color 0.2s ease;
	-moz-transition:border-color 0.2s ease;
	-ms-transition:border-color 0.2s ease;
	-o-transition:border-color 0.2s ease;
	transition:border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	right:auto;
	left:10px;
	border-bottom:0;
	border-right:0;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {border-color:#ffffff;}




.hidden{width:34%;}



.sumaria_fecha {
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	color:#4F4F4F;
	text-align:justify;
	text-shadow:none;
}
.estadisticas {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#4F4F4F;
	text-shadow:none;
}
#columnasANUNCIOS {
	-moz-columns:300px;
	-moz-column-gap:10px;
	-moz-column-fill:auto;
	-webkit-columns:300px;
	-webkit-column-gap:10px;
	-webkit-column-fill:auto;
	columns:300px;
	column-gap:10px;
	column-fill:auto;
}
.unidadANUNCIOS {
	-moz-column-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	column-break-inside:avoid;
	background:#E9EBED;
	border:2px solid #FFFFFF;
	display:inline-block;
	margin:0 5px 20px;
	padding:10px;
}
.unidadANUNCIOS p {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.3;
	text-align:left;
	color:#444;
}
#contenedorANUNCIOS #columnasANUNCIOS .unidadANUNCIOS img{
	border-style:solid!important;
	border-width:0px!important;
	width:100%!important;
	max-width:100%;
	margin:0!important;
	padding:0!important;

}
.paginado_box{ width:100%; display:block;  font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; text-decoration:none; padding-top:10px;}

a.paginacion_pagina_siguiente:link, a.paginacion_pagina_siguiente:visited {font-size:20px; color:#FFFFFF; text-decoration:none; background-color:#0056B3; width:86%; padding:20px; margin:auto;   display:block;  border-radius:8px;	 margin-bottom:20px;}
a.paginacion_pagina_siguiente:hover { color:#FFFFFF; text-decoration:none; background-color:#3CAD4B;}

a.paginado_anterior:link, a.paginado_anterior:visited { color:#FFFFFF;  background-color:#0056B3; padding:5px; border-radius:20px;	 text-decoration:none;}
a.paginado_anterior:hover { color:#FFFFFF; text-decoration:none; background-color:#3CAD4B;}

a.numerosin:link, a.numerosin:visited {font-size:15px; color:#fff; text-decoration:none; background-color:#ccc; padding:5px; border-radius:30px; border-color:#DFDFDF; text-decoration:none;}
a.numerosin:hover { color:#FFFFFF; text-decoration:none; background-color:#0056B3;}

.paginado_actual {font-size:15px;  color:#FFFFFF;  background-color:#0056B3; padding:5px; border-radius:20px; }

a.paginado_siguiente:link, a.paginado_siguiente:visited {color:#FFFFFF;  background-color:#0056B3; padding:5px; border-radius:20px;	 border-color:#DFDFDF; text-decoration:none;}
a.paginado_siguiente:hover { color:#FFFFFF; text-decoration:none; background-color:#3CAD4B;}

.paginado_texto{ font-size:11px; color:#4F4F4F;; height:20px; display:block;}










#imagen_izq {
	float: left; 
	margin: 5px; margin-right: 20px; margin-top: 10px; }
#imagen_cen {
	float: none;  
	padding-bottom: 15px; padding-top: 15px; margin:auto;}
#imagen_der {
	float: right; 
	margin: 5px; margin-left: 20px; margin-top: 20px; }

#parrafo {display:table;  width:100%; margin-bottom: 10px; }

#columna_izq { float:left; padding-right: 15px;  display: table-column; text-align:center; font-weight: normal; }
#columna_der { float:left; padding-left: 15px; display: table-column; text-align:center; font-weight: normal; }	

#ladoderecho {float:left; padding:0px ;  display:table-column;  }

@media screen and (max-width: 750px) {
#imagen_izq, #imagen_der {float: none;   margin: auto; margin-bottom:10px; margin-top: 5px; text-align:center; width:80% !important; }

#columna_izq,#columna_der { float:none; padding-right:0px; padding-left: 0px; width:80% !important; margin:auto; margin-bottom:20px; display: table; text-align:center; font-weight: normal;  }
#ladoderecho {float:none; padding:0 30px; width:100% !important; margin-bottom:15px;  display:table;}
}











@media only screen and (max-width:1023px) {
.escondido{background-color:#ff0000;}

}


@media screen and (max-width:1035px) {



.f_menufijo { width:100%;  }
.f_menufijologo{display:none;}
.f_menufijologo{display:none;}

.cajoncitodivP6 {width:48%;}
.escondido{display:none;}

a.linkopacity80a:hover img{	filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;	-khtml-opacity:1.0; border:0;}

.logo {margin:auto; width:auto;}

.f_slide {margin:auto;	width:100%;}
.cero960 {margin:auto;	border:0px; padding:0px; width:100%; background-image:url(image/92689584-07.jpg); background-size:100%;}

.TB_Base {margin-top:25px; margin-bottom:50px;	margin-left:12px;}
.TB_Wrapper { border:7.42px solid #FFFFFF; width:67.4%; height:245px; background:url(trans_banner/preloader.gif) center center no-repeat; box-shadow:0px 0px 15px #444444;}

.tabla_main {width:96%; margin:auto; padding:0% 2%; background-color:#FAFAFA;}
.tabla_contenido {vertical-align:top; text-align:justify; 	overflow:auto;}
.imagen_der { float:right; margin:5px; margin-left:30px; margin-top:20px; }
.imagen_izq { float:left; margin:5px; margin-right:30px; margin-top:10px; }

.indexbos{ width:80%; overflow:auto;	margin-bottom:20px;}
.indexboxin { padding-top:30px; display:block; width:50%; alignment-adjust:auto; float:left; margin:0px;}
.PL4iconos { font-size:100%; text-align:justify; }
.som_slide {width:100%;}
.f_menufijospace {height:60px;}

#cssmenu {width:100%; 
text-align:left;
}
#cssmenu ul {width:100%;display:none;  }
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul {text-align:left; }
#cssmenu ul li,  #cssmenu ul ul li,  #cssmenu ul li:hover > ul > li {width:100%; height:auto; border-top:1px solid rgba(120, 120, 120, 0.6);background-color:#3CAD4B;}
#cssmenu ul li a,  #cssmenu ul ul li a {width:100%; }
#cssmenu > ul > li > a {line-height:40px;  background-color:#0056B3; color:#FFFFFF !important;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color:#FFFFFF !important; background-color:#3CAD4B;}
#cssmenu > ul > li,  #cssmenu.align-center > ul > li,  #cssmenu.align-right > ul > li {float:none; display:block; }
#cssmenu ul ul li a {padding:0px 0px 0px 30px; background:none; background-color:#0056B3; color:#FFFFFF;}
#cssmenu ul ul li:hover > a,  #cssmenu ul ul li a:hover {}
#cssmenu ul ul ul li a { padding-left:40px;}
#cssmenu ul ul,
#cssmenu ul ul ul {position:relative; left:0; right:auto; width:100%; margin:0;}
#cssmenu > ul > li.has-sub > a {text-align:left;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {display:none;}
#menu-line {display:none;}
#cssmenu #menu-button {display:block; height:52px; padding:15px 20px 20px 20px; color:#FFFFFF; cursor:pointer; font-size:20px; text-transform:uppercase;}








#cssmenu #menu-button::after {
content:'';
position:absolute;
top:20px;
right:20px;
display:block;
width:25px;
height:2px;
background:#FFFFFF;
}
#cssmenu #menu-button::before {
content:'';
position:absolute;
top:25px;
right:20px;
display:block;
width:25px;
height:3px;
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
}
#cssmenu .submenu-button {
position:absolute;
z-index:10;
right:0;
top:0;
display:block;
border-left:1px solid rgba(120, 120, 120, 1);
height:40px;
width:52px;
cursor:pointer;

}
#cssmenu .submenu-button::after {
content:'';
position:absolute;
top:10px;
left:26px;
display:block;
width:1px;
height:11px;
background:#FFFFFF;
z-index:99;
}
#cssmenu .submenu-button::before {
content:'';
position:absolute;
left:21px;
top:15px;
display:block;
width:11px;
height:1px;
background:#FFFFFF;
z-index:99;
}
#cssmenu .submenu-button.submenu-opened:after {
display:none;
}



.hidden{
display:none;
width:0;

}






}
/*cierre*/




@media screen and (max-width:800px) {

.cajoncitodivP6 {
width:98%;
}
.f_slide {
margin:auto;
width:100%;
}
.logo {
margin:auto;
width:100%;
}	
.cero960 {
margin:auto;
border:0px;
padding:0px;
width:100%;

}
.TB_Base {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;	
}
.TB_Wrapper {
border:0px;
width:100%;
background:url(trans_banner/preloader.gif) center center no-repeat;

}
.indexbos{
width:70%;
overflow:auto;
margin-bottom:20px;

}
.indexboxin {
padding-top:30px;
display:block;
width:100%;
alignment-adjust:auto;
float:left;
margin:0px;
}   







}
/*cierre*/




















@media screen and (max-width:700px) {
h1{ font-size:29px; text-align:center;}
h2{ font-size:24px; text-align:center;}

.f_slide {
margin:auto;
width:100%;
}
.logo {
margin:auto;
width:100%;
}

}
/*cierre*/



@media screen and (max-width:650px) {
#indeximg1{width:98%;}
#indeximg99{width:100%;}
#indeximg50{width:50%;}
#indeximg75{width:75%;}
#img85{width:85%;}
#img95{width:95%;}
#img50{width:50%;}
#img100{width:100%;}

}
/*cierre*/




@media screen and (max-5width:500px) {
.imagen_der, .imagen_izq{width:98%; display:block; }    
}


.tabla_contenido {vertical-align:top; text-align:justify;  overflow:auto;}




.menuW {background-color:#0056B3; margin:auto; width:1100px;}
.backmenu {background-color:#0056B3;}
.mi-menu  {	display:block;	border-radius:0px;	list-style-type:none;	padding:0px; margin:0px; z-index:10000; }

.mi-menu  li {display:block; line-height:52px;	list-style:none; position:relative; }

.mi-menu li a {	color:#FFFFFF;/* color texto enlace */
display:block;	font-family:'Archivo Black', sans-serif;
font-size:16px;
font-weight:normal;
text-decoration:none;
/* animamos el cambio de color de los textos */
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
border-left-color:#554C4D;
border-right-color:#999;

}


.mi-menu li:hover > a {
color:#FFFFFF;
background-color:#3CAD4B;
line-height:52px;


}

/* los submenús */
.mi-menu ul {
background-color:#0056B3;
line-height:40px;
border-radius:0 0 5px 5px;
left:0px;
margin:0px;
opacity:0; /* no son visibles */
position:absolute;
z-index:30001;
text-align:left;
/* animamos su visibildiad */
-moz-transition:opacity .25s ease .1s;
-webkit-transition:opacity .25s ease .1s;
-o-transition:opacity .25s ease .1s;
-ms-transition:opacity .25s ease .1s;
transition:opacity .25s ease .1s;
}
/* son visibes al poner el cursor encima */
.mi-menu li:hover > ul { opacity:1;

}

/* cada un ode los items de los submenús */
.mi-menu ul li {
height:0; /* no son visibles */
overflow:hidden;
padding:0px;
/* animamos su visibildiad */
-moz-transition:height .25s ease .1s;
-webkit-transition:height .25s ease .1s;
-o-transition:height .25s ease .1s;
-ms-transition:height .25s ease .1s;
transition:height .25s ease .1s;
}

a.submenu:link, a.submenu:visited {
color:#FFFFFF;
font-family:Arial, Verdana;
font-size:16px;
}
a.submenu:hover {
color:#FFFFFF;/* color texto enlace */
background-color:#3CAD4B;
line-height:40px;
font-family:Arial, Verdana;
font-size:16px;
}
.mi-menu ul lt a {
border:none;
line-height:52px;
border-bottom:1px solid;
margin:0px 0px 0px -40px;/*subcategorias distancias
/* el ancho depender? de los textos a utilizar */
padding:0px 0px 0px 20px;
width:220+10+15px;
border-bottom-color:#ccc;
}  


.mi-menu li:hover > ul li {
height:40px; /* los mostramos */
overflow:visible;
padding:0;
}
.mi-menu ul li a {
border:none;
line-height:40px;
border-bottom:1px solid;

width:250px;
border-bottom-color:#ccc;
}
/* el ?ltimo n otiene un borde */
.mi-menu ul li:last-child a {  border:none; }

#inicio a#inicio, #acerca a#acerca, #servicios a#servicios, #productos a#productos, #portafolio a#portafolio, #ofrecemos a#ofrecemos, #iso a#iso, #contactos a#contactos {
color:#FFFFFF;
background-color:#3CAD4B;
font-weight:normal;
line-height:52px;


}









.sumariatitulo {
padding-top:5px;
font-family:'Lato', Trebuchet MS, Arial;
text-shadow:none;
}
.sumaria {
font-family:'Lato', Trebuchet MS, Arial;
display:block;
text-align:justify;
text-shadow:none;

}







.paginacion_pagina {
font-family:Arial;
font-size:11px;
text-shadow:none;
color:#666;
margin:0px 15px 0px 0px;
font-weight:normal;
padding:3px;
border:0px;
text-decoration:none;
width:35px;

}
.paginacion_selecionado {
display:inline-block;
font-family:Arial;
text-shadow:none;
font-size:11px;
color:#F00;
border:1px solid;
padding:3px;
border-color:#CCC;
border-radius:10px;
margin:0px 2px 0px 2px;
font-weight:normal;
width:17px;

}


a.paginacion:link, a.paginacion:visited {
display:inline-block;
font-family:Arial;
text-shadow:none;
font-size:11px;
color:#ffffff;
margin:0px 2px 0px 2px;
font-weight:normal;
padding:3px;
border:0px;
border-radius:10px;
background-color:#0056B3;
width:17px;

}
a.paginacion:hover {
display:inline-block;
font-family:Arial;
text-decoration:none;
font-size:11px;
color:#ffffff;
margin:0px 2px 0px 2px;
font-weight:normal;
padding:3px;
border:0px;
border-radius:10px;
background-color:#3CAD4B;
width:17px;
}


.boton {
-webkit-appearance:none;
font-size:20px;
color:#FFFFFF;
margin:0px;
font-weight:normal;
padding:10px;
border:0px;
border-radius:3px;
background-color:#0056B3;
text-decoration:none;
}


.boton_over {
-webkit-appearance:none;
font-size:20px;
color:#FFFFFF;
margin:0px;
font-weight:normal;
border:0px;
border-radius:3px;
background-color:#3CAD4B;
padding:10px;
text-decoration:none;
}
.boton:hover {
-webkit-appearance:none;
font-size:20px;
color:#FFFFFF;
margin:0px;
font-weight:normal;
border:0px;
border-radius:3px;
background-color:#3CAD4B;
padding:10px;
text-decoration:none;
}

a.botones:link, a.botones:visited{
display:block; 
-webkit-appearance:none;
font-size:20px;
color:#FFFFFF;
margin:0px;
font-weight:normal;
padding:10px;
border:0px;
border-radius:3px;
background-color:#0056B3;
text-decoration:none;
width:80%;
text-align:center;

}


a.botones:hover {
display:block; 
-webkit-appearance:none;
font-size:20px;
color:#FFFFFF;
margin:0px;
font-weight:normal;
border:0px;
border-radius:3px;
background-color:#3CAD4B;
padding:10px;
text-decoration:none;
width:80%;
text-align:center;
}



#mapgoogleslide {display:table; scrollwheel: false;}
//opacity: 0.6; filter: alpha(opacity=60); filter: grayscale(20%); 




a.read-more:link, a.read-more:visited{
display:block;
margin-top:10px;
background-color:#0056B3;
padding:5px 20px;
border-radius:3px;
border:0px;
text-align:center;
text-shadow:none;
color:#FFFFFF;
font-family:Verdana;
font-size:12px;


}
a.read-more:hover{
margin-top:10px;
background-color:#3CAD4B;
text-shadow:none;
text-decoration:none;
color:#FFFFFF;

}
a.leermas:link, a.leermas:visited{
margin-top:10px;
background-color:#0056B3;
padding:5px 20px;
border-radius:3px;
border:0px;
text-align:center;
text-shadow:none;
color:#FFFFFF;
font-family:Verdana;
font-size:12px;


}
a.leermas:hover{
background-color:#3CAD4B;
text-shadow:none;
text-decoration:none;
color:#FFFFFF;

}


a.leermas-small:link, a.leermas-small:visited{
margin-top:10px;
display:inline-block;
background-color:#0056B3;
padding:4px 8px;
border-radius:3px;
border:0px;
text-align:center;
text-shadow:none;
color:#FFFFFF;
font-family:Trebuchet MS, Arial;
font-size:13px;


}
a.leermas-small:hover{ background-color:#3CAD4B; text-shadow:none; text-decoration:none; color:#FFFFFF;}



