@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:#FFFFFF; 

font-family:'Anton', sans-serif; 

color:#161616;  

font-size:19px; 

font-weight:300;

}

@media only screen and (max-width: 800px) { 

body {

font-size: 17px;

} 

}

@media only screen and (max-width: 600px) { 

body {

font-size: 16px;

} 

}	  

#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:#F07025;

background-image:url(imagen_web/arribanegra50.png);

background-repeat:no-repeat;

background-position:center;

cursor:pointer;

position:fixed;

bottom:15px;

right:25px;

border-radius:18px;

}

@media only screen and (max-width: 718px) {

.ir-arriba {

display:none;

padding:4px;

width:25px;

height:25px;

background-color:#F07025;

background-image:url(imagen_web/arribanegra50.png);

background-repeat:no-repeat; 

background-position:center;

background-size:contain;

cursor:pointer;

position:fixed;

bottom:15px;

right:25px;

border-radius:18px;

}

}



.background-image {

background-image:url(image/imgweb-01.jpg); background-repeat:repeat-x; background-position:top; top:0; right:0; bottom:0; left:0;}.f_logo {background-repeat:repeat; margin-top:0px;  width:100%; background-color:#FFFFFF; }

.logo {margin:auto; width:350px; text-align:center;}

.logo100{width:90%;}

@media screen and (max-width:650px) {

.logo {text-align:center;}

}

.f_menu {margin-top:0px; background-color:#F05423;   margin:auto;}

.f_menufijo {background-color:#F05423; width:100%; position:fixed; top:0; z-index:99999; margin-top:0px; }

.f_menufijologo { display:block; float:left;}

.f_menufijospace {height:60px; 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:1200px; 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-size:cover; background-repeat:no-repeat;}

.tabla_main {width:1200px; margin:auto; padding:0px 10px 0px 10px; background-color:#FFFFFF;	}

.bordeimagen {}

.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:#CC6B2B;

font-family:'Anton', sans-serif;

font-size:15px;

font-weight:normal;

position:relative;

margin:0;

outline:0;

height:40px;

}

.forma:hover {

background-color:#F4FBFF;

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:'Anton', sans-serif;

font-size:15px;

font-weight:normal;

position:relative;

margin:0;

outline:0;

height:40px;

}

.forma:focus {

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:#DF6822;

font-family:'Anton', sans-serif;

font-size:15px;

font-weight:normal;

position:relative;

margin:0;

outline:0;

height:40px;

}

.indexbos {width:100px; }

.PL4iconos {

font-size:17px; 

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:19px; font-weight:300; text-align:justify; color:#161616;  } 

h1 { font-family:'Anton', sans-serif; 

font-size:32px; 

font-weight:700; 

color:#181F26; 

margin:0px; letter-spacing:1px }

.h1spacio{margin-top:50px;}

h2 { font-family:'Anton', sans-serif; font-size:28px; font-weight:normal; color:#F05423; margin:0px; letter-spacing:1px; line-height: 0px;}

h3 { font-family:Trebuchet MS, Arial; font-size:24px; font-weight:normal; color:#181F26; margin:0px; letter-spacing:1px}    

h4 { font-family:'Lato', Trebuchet MS, Arial; font-size:22px; font-weight:normal; color:#181F26; margin:0px; letter-spacing:1px}

h5 { font-family:Trebuchet MS, Arial; font-size:18px; font-weight:normal; color:#181F26; 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:1200px;

color:#FFFFFF;font-family: 'Anton', sans-serif;

font-size: 19px;

font-weight: ;

letter-spacing: ;

line-height:1;

margin:auto;

}

.cssmenuback1{ background-color:#F05423;}

.cssmenuback2{background-color:#D9A300;}	  

#menu-line {

position:absolute;

top:0;

left:0;

height:3px;

background-color:#FFFFFF;

-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:157px; }

.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:60px;

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:#F05423;background-color:#FFFFFF;}

#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:#F05423;

}

#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:#000000;

padding:0px 10px;

width:250px;

color:#FFFFFF;

font-family:Arial, Verdana;

font-size:19px;

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:#1A2435;/* color texto enlace */

background-color:#DF6822;

line-height:40px;

font-family:Arial, Verdana;

font-size:19px;

}

#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:#161616;

text-align:justify;

text-shadow:none;

}

.estadisticas {

font-family:Arial;

font-size:11px;

font-weight:normal;

color:#161616;

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:#1A2435; text-decoration:none; background-color:#F07025; 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:#000000;}

a.paginado_anterior:link, a.paginado_anterior:visited { color:#1A2435;  background-color:#F07025; padding:5px; border-radius:20px;	 text-decoration:none;}

a.paginado_anterior:hover { color:#FFFFFF; text-decoration:none; background-color:#000000;}

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:#1A2435; text-decoration:none; background-color:#F07025;}

.paginado_actual {font-size:15px;  color:#1A2435;  background-color:#F07025; padding:5px; border-radius:20px; }

a.paginado_siguiente:link, a.paginado_siguiente:visited {color:#1A2435;  background-color:#F07025; padding:5px; border-radius:20px;	 border-color:#DFDFDF; text-decoration:none;}

a.paginado_siguiente:hover { color:#FFFFFF; text-decoration:none; background-color:#000000;}

.paginado_texto{ font-size:11px; color:#161616;; 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:#FFFFFF;}

.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:#FFFFFF;}

#cssmenu ul li a,  #cssmenu ul ul li a {width:100%; }

#cssmenu > ul > li > a {line-height:40px;  background-color:#F05423; color:#FFFFFF !important;}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color:#F05423 !important; background-color:#FFFFFF;}

#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:#000000; 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:60px; 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:#F05423; margin:auto; width:1200px;}

.backmenu {background-color:#F05423;}

.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:60px;	list-style:none; position:relative; }

.mi-menu li a {	color:#FFFFFF;/* color texto enlace */

display:block;	font-family:'Anton', sans-serif;

font-size:19px;

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:#F05423;

background-color:#FFFFFF;

line-height:60px;

}

/* los submenús */

.mi-menu ul {

background-color:#000000;

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:19px;

}

a.submenu:hover {

color:#1A2435;/* color texto enlace */

background-color:#DF6822;

line-height:40px;

font-family:Arial, Verdana;

font-size:19px;

}

.mi-menu ul lt a {

border:none;

line-height:60px;

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:157+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:#F05423;

background-color:#FFFFFF;

font-weight:normal;

line-height:60px;

}

.sumariatitulo {

padding-top:5px;

font-family:'Anton', sans-serif;

text-shadow:none;

}

.sumaria {

font-family:'Anton', sans-serif;

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:#F05423;

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:#FFFFFF;

width:17px;

}

.boton {

-webkit-appearance:none;

font-size:20px;

color:#1A2435;

margin:0px;

font-weight:normal;

padding:10px;

border:0px;

border-radius:3px;

background-color:#F07025;

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:#000000;

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:#000000;

padding:10px;

text-decoration:none;

}

a.botones:link, a.botones:visited{

display:block; 

-webkit-appearance:none;

font-size:20px;

color:#1A2435;

margin:0px;

font-weight:normal;

padding:10px;

border:0px;

border-radius:3px;

background-color:#F07025;

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:#000000;

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:#F07025;

padding:5px 20px;

border-radius:3px;

border:0px;

text-align:center;

text-shadow:none;

color:#1A2435;

font-family:Verdana;

font-size:12px;

}

a.read-more:hover{

margin-top:10px;

background-color:#000000;

text-shadow:none;

text-decoration:none;

color:#FFFFFF;

}

a.leermas:link, a.leermas:visited{

margin-top:10px;

background-color:#F07025;

padding:5px 20px;

border-radius:3px;

border:0px;

text-align:center;

text-shadow:none;

color:#1A2435;

font-family:Verdana;

font-size:12px;

}

a.leermas:hover{

background-color:#000000;

text-shadow:none;

text-decoration:none;

color:#FFFFFF;

}

a.leermas-small:link, a.leermas-small:visited{

margin-top:10px;

display:inline-block;

background-color:#F07025;

padding:4px 8px;

border-radius:3px;

border:0px;

text-align:center;

text-shadow:none;

color:#1A2435;

font-family:Trebuchet MS, Arial;

font-size:13px;

}

a.leermas-small:hover{ background-color:#000000; text-shadow:none; text-decoration:none; color:#FFFFFF;}

	



.sw10_pre{background-image:url(image/ticodesign.svg);  }	

.sw10{ width:1200px; margin:auto;}

	#imgsw10{border-radius:50px 50px 0px 0px; line-height: 0px; font-size: 0px; display: block;}

#sw10{position:relative;}

.sw10_T	{color:#fff; letter-spacing:15px; font-size:10px; width:1200px; margin:auto; padding:20px 0px 20px 20px;}

.sw10_logo	{display:block; padding: 30px 0px 0px 30px; width:350px;}

#sw10_logo{position:absolute;}

	#logoT {width:100%;}

	

.sw10_tx1	{font-size: 50px; color:black; text-shadow: 2px 2px 4px #ffffff;}	

#sw10_tx1	{position:absolute; margin:250px 0px 0px 50px; }

	

.sw10_tx2	{width:330px; background-color:rgba(0,0,0,0.75); color:white; padding:10px; border-radius: 12px;}	

#sw10_tx2	{position:absolute;  margin:310px 0px 0px 50px;}		





	@media only screen and (max-width: 1218px) {

.sw10{width:96%; background-size: contain; background-position:top center; background-repeat: no-repeat; height:auto;}

	}



	

@media only screen and (max-width: 918px) {

#sw10_tx1	{position:absolute; margin:180px 0px 0px 30px; }

	#sw10_tx2	{position:absolute;  margin:250px 0px 0px 30px;}

	#imgsw10{border-radius:40px 40px 0px 0px;}

	}	

	

@media only screen and (max-width: 718px) {

#sw10_tx1	{position:absolute; margin:150px 0px 0px 20px; }

	#sw10_tx2	{position:absolute;  margin:220px 0px 0px 20px;}

	#imgsw10{border-radius:30px 30px 0px 0px;}

	}	

	

	

@media only screen and (max-width: 618px) {

.sw10{width:96%; background-size: contain; background-position:top center; background-repeat: no-repeat;}

	.sw10_T	{width:100%; letter-spacing:6px; padding: 20px; text-align:center; display:block;}

	.sw10_logo	{padding:0px 0px 0px 0px; width:100%; text-align:center; margin:0px auto; background-color: rgba(0,0,0,0.75);}

	#sw10_logo{position:absolute; bottom:0px; padding:10px;}

	#logoT {width:60%;}

	

	

#imgsw10{border-radius:0px 0px 0px 0px;}

	

	#sw10_tx1	{position:absolute; margin:100px 0px 0px 50px; display:none; }

	#sw10_tx2	{position:absolute;  margin:120px 0px 0px 50px; display:none;}

}	

	



.negrosinS{color:#000000; }

.negroconS{color:#000000; text-shadow: 2px 2px 4px #ffffff;}

.blancosinS{color:#ffffff; }

.blancoconS{color:#ffffff; text-shadow: 2px 2px 4px #000000;}

	

	

.contenedor-slider12 {width: 1100px; margin: 20px auto; display: block; } @media only screen and (max-width: 1018px) { 

.contenedor-slider12{width: 100%; } 

}

.flexslider12 .slides12 img {border-radius: 20px;} 

.flex-control-paging12 li a.flex-active12 {background-image: linear-gradient(to bottom, #82d344, #397726);}