/*
@author Hector Elizondo <hector@ensitech.com>
yazbek.com.mx
Estilos utilizados para las fuentes y colores del sitio, cambio de estructuras mediante identificadores.

Nota: Cuidado al mover un estilo puede afectar la estructura del sitio.
*/


body {
	background: url(img/fondoIndex.jpg) no-repeat;
	font-family: Helvetica, Arial, sans-serif;
}
img {
	border: 0;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

object {
	z-index: -1;
}

form {
	margin: 0px;
	padding: 0px;
}

.aright {
	text-align: right;
	width: 100%;
	display: block;
}
.aleft {
	text-align: left;
	width: 100%;
	display: block;
}

.flags {
	width: 126px;
	height: 129px;
	background: url(img/bmexusa2.jpg) left top no-repeat;
}
a.mex, a.eng {
	display: block;
	padding: 67px 0 0 0;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
	width: 63px;
	float: left;
}
a.mex:hover, a.eng:hover {
	text-decoration: underline;
}

.prefheader {
	width: 857px;
	height: 129px;
	overflow: hidden;
}
.menu-nav {
	width: 983px;
	height: 64px;
	background: url(img/menubg2.jpg) center top no-repeat;
}
.menu-nav #navmenu-h a.up {
	color: rgb(255,255,255);
	text-decoration: none;
	padding: 26px 20px 0 10px;
	display: block;
	max-width:107px;
	float: left;
	font-size: 11px;
	line-height: 12px;
	text-align: right;
	text-transform: uppercase;
}
.menu-nav #navmenu-h a.up:hover {
	background: url(img/libg.gif) no-repeat;
	background-position: 80% 40%;
}
.menu-nav #navmenu-h .ahover {
	background: url(img/libg.gif) no-repeat;
	background-position: 80% 40%;
}
/* if IE6 */
* .menu-nav #navmenu-h a.up {
	width: 107px;
}
.footercontact {
	width: 185px;
	text-align: right;
	overflow: hidden;
}
.footercontact a {
	color: rgb(88,89,91);
}
.footer {
	color: rgb(255,255,255);
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
}
.footer-nav {
	width: 790px;
	height: 30px;
	text-align: center;
}
.footer-nav a {
	color: rgb(255,255,255);
	text-decoration: none;
	padding: 5px 20px;
}
.footer-cms {
	width: 983px;
	margin-top: 5px;
	overflow: hidden;
}

.row {margin-bottom:7px;}
.row .box {padding-bottom:22px;}
.box {background: #E8EAEC; padding:11px 15px 11px 15px; color: #666;}
.box a {
	color: #006;
}
.box a:hover {
	text-decoration: none;
}


/* ====== Para buscador localizador */
#localizador {
	padding: 21px 27px 16px 29px;
	background: #80a6d1;
	color: #2f435b;
	height: 186px;
	margin: 0 0 4px 0;
}

input#searchlocal {
	background: #EE2D24;
	border: 1px solid #67312F;
	color: #FFF;
	height: 20px;
	width: 60px;
	font-size:10px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

/* ====== Para login   */
#users_login {
	padding: 21px 27px 16px 29px;
	background: #418ab7;
	color: #2f435b;
	height: 141px;
	margin: 0 0 4px 0;
}
#users_login a {
	color: #9F9F9F;
	text-decoration: none;
}
input#email, input#password {
	width: 123px;
	height: 16px;
	border-top: 1px solid #707070;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #CFCFCF;
	border-left: 1px solid #A0A0A0;
}
input#submit {
	background: #EE2D24;
	border: 1px solid #67312F;
	color: #FFF;
	height: 20px;
	width: 40px;
	font-size: 10px;
	padding: 0;
}
input#checkId {
	background: #EE2D24;
	border: 1px solid #67312F;
	color: #FFF;
	height: 20px;
	width: 40px;
	font-size: 10px;
	padding: 0;
}

/* ======================================   */

#home .col-2 a {
	color: #000;
}
#home .col-2 a:hover {
	color: #000;
	text-decoration: none;
}
#section .col-2 a, #conciencia .col-2 a {
	color: #FFF;
}
#section .col-2 a:hover, #conciencia .col-2 a:hover {
	color: #FFF;
	text-decoration: none;
}
#dist1 .col-1 .titlesection {
	background: #004A8D;
	height: 39px;
	font-size: 28px;
	font-weight: bolder;
	color: #FFF;
	margin-bottom: 5px;
	padding: 14px 0 0 26px;
}

#selectoritem .col-2 h1 {
	font-size: 35px;
	color: #FFFFFF;
	margin-bottom: 34px;
}
#selectoritem .col-2 h2 {
	font-size: 28px;
	color: #BFBFBF;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 0;
	text-decoration: none;
}
#selectoritem .col-2 h3 {
	font-size: 22px;
	letter-spacing: -1px;
	color: #BFBFBF;
	padding: 0;
	margin: 0;
	line-height: 10px;
}

#selectoritem .col-2 strong {
	color: #BFBFBF;
	font-size: 17px;
	line-height: 17px;
}

#selectoritem .col-2 em {
	color: #BFBFBF;
	font-size: 13px;
	line-height: 13px;
}
.sugeridotext {
	width: 91px;
	height: 64px;
	padding-top: 10px;
	overflow: hidden;
	position: absolute;
	left: 15px; 
	top: 144px;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	color: #FFFFFF;
}
.sugeridotext a {
	text-decoration: none;
	color: #FFF;
}
.dthumbtext {
	width: 108px;
	height: 39px;
	overflow: hidden;
	position: absolute;
	left: 0; 
	top: 78px;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	color: #FFFFFF;
}
.dthumbtext a {
	text-decoration: none;
	color: #FFF;
}
.lthumbtext {
	width: 82px;
	height: 64px;
	padding: 5px;
	display:block;
	background: #6B6B6B;
	overflow: hidden;
	position: absolute;
	left: 0; 
	top: 86px;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
	color: #FFFFFF;
}
.lthumbtext a {
	text-decoration: none;
	color: #FFF;
}
#tablaprecios .col-1 h2 {
	font-size: 28px;
	color: #BFBFBF;
	font-weight: bold;
	padding: 3px 0 0 0;;
	text-decoration: none;
}
#tablaprecios .col-1 h3 {
	font-size: 22px;
	letter-spacing: -1px;
	color: #BFBFBF;
	padding: 0;
	margin: 0;
	line-height: 15px;
}
small {
	font-size: 9px;
}
h1, h2, h3, h4 {
	margin: 5px 0 2px 0;
	padding: 0;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform:capitalize;
	line-height: 1;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}
h3 {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 1em;
	text-transform: capitalize;
	font-weight: normal;
}
h4 {
	font-size: 12px;
	line-height: 1.25; 
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	font-weight: normal;
	text-transform: capitalize;
}

h5 {
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}

p {
	padding: 0 0 1em 0;
	font-size: 12px;
}

/** Estilos para paginador **/
.pager {
	position: absolute;
	top: 0;
	right: 0;
}
#dist1 .col-1 .pager {
	position: absolute;
	top: 0;
	left: 0;
}

.pager a {
	color:silver;
	text-decoration:none;
	padding:1px;
	padding-left:4px;
	padding-right:4px;
}
.pager a:hover {
	background-color: #333;
	color: #FFF;
}
  	
#curPage {
	color:#ffffff;
	text-decoration:none;
	padding:1px;
	padding-left:4px;
	padding-right:4px;
	background-color:#5D5D5D;
}

.pagesLocalizador {
	margin-bottom: 10px;
}

.pagesLocalizador  a {
	color:silver;
	text-decoration:none;
	padding:1px;
	padding-left:4px;
	padding-right:4px;
}
.pagesLocalizador a:hover {
	background-color: #333;
	color: #FFF;
}


/** Nuevos estilos hechos para la actualizacion segun SEO de Ruben Hernandez. 1 Marzo 2011 **/

.descripcionLarga {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	text-transform: none;
	
}


.descripcionCorta {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	text-transform: none;
	color:#CCC
}


.llama {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	text-transform: capitalize;
	color:#CCC;
	font-weight: bolder;
}


.telefono {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#FFF;
}



.conoce {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color:#999
}


.sucursales {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color:#999
	
}

.sucursales a:hover {
	color:#333;
}

.sucursales a:visited {
	color:#999;
}

.sucursales a:link {
	color:#999;
}