/*
Theme Name: Tlatolli Blue 10.0 Movil ES. 
Theme URI: http://ddobble.net
Author: ddobble.net
Author URI: http://ddobble.net
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslateMovil
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} *//* remember to highlight inserts somehow! */ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

@font-face {
    font-family: 'GothamM';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont.woff') format('woff'),
         url('../fonts/gotham-book-webfont.ttf') format('truetype'),
         url('../fonts/gotham-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

html{overflow-x: hidden}
body{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
overflow-x: hidden;text-align: left}

a{transition:all .5s;}
b{font-weight: bold}
strong{font-weight: bold}
i{font-style: italic}
em{font-style: italic}
.alignright{float: right;margin-left:10px}
.alignleft{float: left;margin-right:10px}

#wrap{
	display: block;
	width: 960px;
	background: #000;
	margin: 0 auto}
	
.content{
max-width: 960px;
display: block;
height: auto;
margin: 0 auto;}

#topGray{
display: block;
width:100%;
background: url(../images/transBG.png) repeat;
color:#444444;
font-weight: bold;
font-size: 12px;
padding:7px 0;
line-height: 100%;
height: auto;}

#topGray .content{text-align: right}
#topGray p,#topGray span{display: inline}

#topGray .content a{text-decoration: none;color:#444444;}

#topGray .content a:hover{color: #29ABE2}

#eu{display: inline-block;
	margin: 0 20px}
	

#eu a{
display: block;
height: 11px;
width:16px;
background: url(../images/us-flag.jpg) no-repeat;
background-size: 16px;}	
	
#mex{display: inline-block;
		width:16px;
	height: 11px;
	margin-right:20px}

#mex a{
	display: block;
height: 11px;
width:16px;
background: url(../images/mex-flag.png) no-repeat;
background-size: 16px;
}



#topBlack{
    display: block;
    width: 100%;
    height: 52px;
    background: url(../images/bg-header.jpg) repeat;
    clear: both;
    padding: 16px 0px 0px 0px;
    box-sizing: border-box;
}

#leftLink{float: left}
#leftLink a{color:#fff;text-decoration: none }
#leftLink a:hover{color:orange}
#leftLink a span{color:#29ABE2}


#rightLink{float: right}

#rightLink ul{margin:0;padding: 0px}

#rightLink ul li{float:left;margin-left: 25px}

#rightLink ul li a{color:#29ABE2;text-decoration: none;font-weight: bold;font-size: 15px}

#rightLink ul li a:hover{color: #fff}

#rightLink ul li.current-menu-item a{color: #fff}

#slider{
display: block;
width:100%;
min-width: 1060px;
height: 560px;
background: #171e3d url(../images/overlay.png) repeat}

#slider .content{
	width: 1000px;
	height: 560px;
	margin:0  auto;
	background: url(../images/homePoster.jpg) no-repeat;
	background-size: cover}

#logo{
	display: block;
	width: 100%;
	height:  238px;
	background: url(../images/wave.png) no-repeat center top}

#logo img{
margin: 0 auto;
display: block;
position: relative;
top:15px}


#features div{
	display: block;
	background: url(../images/backu.png) repeat top;
	width: 247px;
	height: 180px;
	float: left;
	margin-top: 116px;
	margin-left: 64px;
	transition:all .4s;}

#features div:hover{
background: url(../images/backu.png) repeat bottom;
color:red !important
}

#features div a{text-decoration: none;text-align: center}

#features div h3{
	font-size: 31px;
	color:#fff;
	font-family: 'GothamM';
	font-weight: 100;
	margin-top:40px;
	line-height: 150%;
	font-weight: 400
}

#inter {border-bottom:4px solid magenta}
#traduc{border-bottom:4px solid #99cc00}
#equipo{border-bottom:4px solid #29abe2}

#lower{ 
	display: block;
	width: 100%;
	min-width: 1060px;
	background: #fefefe url(../images/low-bg-blue.png) repeat-x;
	padding-top:10px;
	height: auto;
	border-bottom: 1px solid #626262}

#lower2{ 
	display: block;
	width: 100%;
	background: transparent /* #fefefe */;
	padding-top:10px;
	height: auto;
	border-bottom: 1px solid #626262}



#lower .content,#lower2 .content{
	background: transparent;
	width: 1060px;}

#quotes{
	display: block;
	width: 860px;
	padding: 5px 20px;
	height: 110px;
	background: #ffffff;
	margin: 0 auto;
	border:none 5px #000000;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;}


#quotes img{
margin-top:10px;
float:left;
width: 160px;
margin-right: 20px}

#quote1{
	display: block;
	width: 50px;
	height: 108px;
	float: left;
	background: url(../images/quote1.png) no-repeat;
	background-size: 35px;
	background-position-y: 5px
	}

#quotes p{
display: block;
font-size: 16px;
line-height: 130%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
width:570px;
height: 110px;
float: left;
padding-right: 10px;
padding-top:5px;
overflow: hidden
}

#quotes p span{
font-size: 12px;
font-style: italic;
margin-top: 10px;
float: right;
margin-right: 10px	
}

#quote2{
	display: block;
	width: 50px;
	height: 108px;
	float:left;
	background: url(../images/quote2.png) no-repeat;
	background-size: 35px;
	background-position-y:83px}

#grayTabs{
	display: block;
	width: 1075px;
	height: 385px;
	padding-top: 2px;
	background: transparent;margin: 0 auto}

#grayTabs .tab{
margin-top: 0px;
position: relative;
margin-left:0;
display: inline-block;
background: #fefefe; 
width: 220px;
height: 322px;
float: left;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
padding: 24px;
background: url(../images/tab.png) center top no-repeat;
background-size: 274px}


.tab h4{
	color:#003494;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 700;
   font-size: 18px;
   text-align: center;
   line-height: 150%;
}

.tab p{
	color: #666;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 500;
   font-size: 18px;
   line-height: 150%;
   text-align: center}

.tab img{
	display: block;
	margin: 15px auto;}

.tab span{
display: block;
padding:0 15px;
line-height: 150%;
font-size: 13px;
color: #666;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

.bluebutton{
	display: block;
	background:url(../images/bluebutton.png) no-repeat center top;
	color:#fff;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	font-size: 18px;
	line-height:24px;
	padding:10px 0px 9px 28px;
	transition: all 1s;
    -webkit-transition: all 1s; /* Safari */}
    
.bluebutton:hover{opacity: .8}



.bluebutton2{
	display: block;
	background:url(../images/bluebut.png) no-repeat center top;
	color:#fff;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	line-height:24px;
	padding:8px 9px 11px;
	transition: all 1s;
    -webkit-transition: all 1s; /* Safari */}


.bluebutton2:hover{opacity: .8}

.purplebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c29b3), color-stop(1, #620d75) );
	background:-moz-linear-gradient( center top, #9c29b3 5%, #620d75 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c29b3', endColorstr='#620d75');
	background-color:#9c29b3;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #a511c0;
	display:block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #9b14b3;
	margin: 20px auto 0;
	transition: all 1s;
    -webkit-transition: all 1s; /* Safari */}
    
.purplebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #620d75), color-stop(1, #9c29b3) );
	background:-moz-linear-gradient( center top, #620d75 5%, #9c29b3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#620d75', endColorstr='#9c29b3');
	background-color:#620d75;}

.purplebutton:active {
	position:relative;
	top:1px;}

#footer{
	display: block;
	border-top:1px solid gray;
	width: 100%;
	min-width: 1060px;
	margin: 0;
	background: url(../images/foot-text.png) repeat;}

.footer-widget-container{
	display: block;
	color:#fff;	
	float:left;margin: 0px 0px 30px;
	width: 220px;}

.footer-widget-container h3{
	color: #fff;
	font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 23px;
	margin: 20px 0;}

#text-3{
	width:475px;
		margin-right:44px
}

#text-3 .textwidget{
	font-size: 17px;
	line-height: 130%;
}


#custom_cf7-2 input{
	width: 214px;
	height: 27px
}


#custom_cf7-2 .wpcf7-submit{
	width: 114px;
}

.wpcf7-not-valid-tip{color: #000}

input{
border: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 20px;
margin: 5px 0;
padding: 0px 5px
}

#footer textarea{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 212px;
height: 72px;
margin-top: 5px;
padding: 5px;
}

#footer p{
font-size: 15px;
line-height: 130%;
font-weight: 100;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}


#footer ul {padding-left: 20px}

#footer ul li{
font-size: 15px;
line-height: 130%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
list-style-image: url(../images/bullet-page.png);
font-weight: 300;
margin: 5px 0}

#footer ul li a{text-decoration: none;color: #fff}

#footer ul li a:hover{text-decoration: none;color:#29ABE2}

#footer .credits{
clear: both;
margin: 30px 0 0;
padding-bottom: 15px;
text-align: center;
	color: #b3b3b3;
	font-size: 13px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 150%}

#ddobble{color: gray;float: right;margin-top:10px}
#ddobble a{color: #880000;text-decoration: none;line-height: 100%;}
#ddobble a:hover{color: #fff}


.page{background: url(../images/low-bg-blue2.png) repeat-x center 77px}

.pageheader{
background: url(../images/transBG.png) repeat;
width: 100%;
height: 120px;
vertical-align: bottom;
position: relative

}

.pageheader .content{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 130px;
	/*
background: transparent url(../images/wave.png) no-repeat center top;
	background-position: center -71px;
*/	
}


/*
#left-head{
	background: url(../images/transBG.png) repeat;
	width: 50%;
	height: 129px;
	float:left;
	position: relative;
	left:-480px
}

#right-head{
	background: url(../images/transBG.png) repeat;
	width: 50%;
	height: 129px;
	float: right;
	position: relative;
	right:-480px;
	top:-130px
}
*/


/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
#right-head{
	background: url(../images/transBG.png) repeat;
	width: 50%;
	height: 108px;
	float: right;
	position: relative;
	right:-480px;
	top:-130px
}

}
	
*/
	
	

.pageheader .content img{
	position: absolute;
	left: 0px}


.pageheader h1{
	color: #fff;
	position: absolute;
	bottom: 63px;
	left:142px;
	font-size: 35px;
	font-weight: bold;
	font-family: 'GothamM';}

#lower .page,#lower2 .page{
	background: transparent;
	width: 920px;
	padding: 0 20px;
	margin: 0px auto;
	display: block;
	margin-top: -20px;
	line-height: 150%}

.pagecontent{
width: 100%;
margin: 0 auto;
padding-top: 20px}

.pagecontent p{
margin-bottom: 20px;
display:block}

img.alignleft{
	clear: left;
	float: left;
	margin: 0 10px 0 0 }

img.alignright{
	clear: right;
	float: right;
	margin: 0 0 0 10px }


img.alignnone{
	float: none}


.pagecontent a{
color: #8694BC;
text-decoration: none}

.pagecontent a:hover{
	color: #006bff}

.pagecontent ul{margin-left:15px }
.pagecontent ul li{
list-style-image: url(../images/carabullet.png);
position: relative;
left: 20px;
line-height: 150%;
font-size: 15px;
}


.pagecontent ul li ul li{
	list-style-image: url(../images/bluedot.png);

}

.pagecontent form p{
	font-weight: bold;
	line-height: 100%;}
	
	
.pagecontent form .items-list p{
	margin: 0px !important;
	font-weight: normal;
	font-size: 14px;
	height: 25px;
	margin-bottom: 5px
	
}	

.pagecontent form .items-list .otro{
	width: 166px !important
}


.pagecontent form .items-list{
	margin-bottom:32px;
	background: #dedede;
	padding: 10px;
	border:none 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}	

.pagecontent form p span{
	position: relative !important;
	top:1px
}

.pagecontent form p .archivo input{
	border: none
}

.pagecontent form p .wpcf7-submit{
	background: purple;
	color: #fff;
	font-size: 22px;
	height: 29px;
	width: 120px;
	margin-left: 87px
}

.pagecontent form p .wpcf7-not-valid-tip{
	position: absolute;
	z-index: 99
}



.pagecontent input{
	border:1px solid gray;
	height: 22px;
	background: #fff;
	width:301px;
}

.pagecontent textarea{
border:1px solid gray;
width:301px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px
	
}

.pagecontent form table input{
	width: 210px;
	background: #fff
}


.pagecontent form table textarea{
	width: 210px
}


.pagecontent form table .items-list input{
	width: 20px
}

.dotted{
width: 100%;
border-bottom: 1px dotted silver;
margin: 10px 0	
}

.pagecontent h1{font-family: 'GothamM';font-weight: bold;margin-bottom: 10px}
.pagecontent h2{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
line-height: 140%;
display: block;
float: none}

.pagecontent h3{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 19px;font-weight:normal;margin-bottom: 10px;line-height: 130%}



blockquote{
	background: rgb(235, 235, 235);
	border-left: 4px solid purple;
	padding-left: 10px}


.clearfix{
	width: 100%;
	clear: both;
	display: block}


#comments{
	background: rgb(235, 235, 235);
	padding: 10px;
	border:none 5px #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 20px 0px;}


#sidebar{
	display: inline-block
}
	
	

.widget-container{margin-right: 10px}
	

.widget-container h3{
	font-weight: bold;
	color: #3b3b3b;
	margin: 5px 0 10px}
	
	
.widget-container a{
color:#29ABE2;
text-decoration: none}


.mlp_language_box a{
margin-left: 15px;
text-transform: uppercase

}

.mlp_language_box ul li.current a{
	color: #fff !important
}

.lengus{
text-align: center;
padding: 20px 0 	
}


.lengus a{
color:#666;
font-weight: bold;
font-size: 30px;
line-height: 190%;
text-decoration: none}

.lengus a:hover{
	color:#919DC4;
	font-size: 35px
}

span.wpcf7-list-item { display: block; }



.pagecontent form p .wpcf7-list-item-label{
position: relative;
top: -4px;	
}

/* CSS PARA FORMULARIO SOLICITAR COTIZACION */

/* 1. MAQUETA DE 3 COLUMNAS (CSS anterior) */
/* ===================================================
   BLOQUE UNIFICADO DE FORMULARIO DE COTIZACIÓN
   =================================================== */

/* Maqueta principal en 3 columnas */
.grid-cotizacion {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  align-items: start;
  width: 100%;
  box-sizing: border-box;
}

.grid-cotizacion .col33 {
  width: 100%;
  box-sizing: border-box;
}

.grid-cotizacion input[type="text"],
.grid-cotizacion input[type="email"],
.grid-cotizacion input[type="tel"],
.grid-cotizacion input[type="date"],
.grid-cotizacion input[type="file"],
.grid-cotizacion textarea,
.grid-cotizacion select {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 850px) {
  .grid-cotizacion {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

/* Corrección de traslapes y alineación de casillas */
.grid-cotizacion .items-list,
.grid-cotizacion .items-list p,
.grid-cotizacion .wpcf7-checkbox {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  position: static !important;
  float: none !important;
  display: block !important;
  overflow: visible !important;
}

.grid-cotizacion .opcion-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-right: 12px !important;
  margin-bottom: 8px !important;
  white-space: nowrap !important;
}

.grid-cotizacion .opcion-check input[type="checkbox"] {
  margin: 0 !important;
  vertical-align: middle !important;
}

.grid-cotizacion .campo-otro {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

.grid-cotizacion button[type="submit"] {
  display: block !important;
  clear: both !important;
  margin-top: 20px !important;
  position: relative !important;
}

/* ===================================================
   ALINEACIÓN Y DISEÑO DE BOTONES (ENVÍAR Y LIMPIAR)
   =================================================== */
html body #formCotizacionArchivo .contenedor-botones {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  margin-top: 25px !important;
  clear: both !important;
  width: 100% !important;
}

html body #formCotizacionArchivo .contenedor-botones button.wpcf7-submit {
  display: inline-block !important;
  width: auto !important;
  min-width: 110px !important;
  margin: 0 !important;
  padding: 10px 24px !important;
  background-color: #800080 !important; /* Morado original */
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  border: 1px solid #555555 !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Efecto hover suave */
html body #formCotizacionArchivo .contenedor-botones button.wpcf7-submit:hover {
  background-color: #660066 !important;
  opacity: 0.95 !important;
}