/** generic tags **/
body {margin: 0; padding: 0 0 1em 0; font-family: Arial, Helvetica, sans-serif;}
html {height: 100%; margin-bottom: 1px;}
input, select {margin: 0 1em 0 0; border: solid 1px;}
input.noborder {border: none;}
textarea {font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.6em; font-weight: normal; padding: .75em 0 .75em 0; margin: 0;}
h2 {font-size: 1.2em; margin: 0;}
h2.border {margin: 1em 0 0 1.5em; border-bottom: solid 5px #8191a0; padding-bottom: .4em;}
h3.rounded, h4.rounded {background-color: #DFE2E7; 
	border: solid 0px #c8c8c8;  
	-moz-border-radius: .5em; 
	border-radius: .5em; 
	padding: .3em 1em; 
	color: #222;
	margin: 0 -1em .3em -1em; width: 20em;}
h3.rounded {font-size: 1em;}

h2.solapa {
	background-image: url(/img/yobaliamx/bg_tit_priv.gif); 
	background-repeat: no-repeat; 
	height: 30px; 
	padding-left: 2em; 
	font-size: 1em; 
	padding-top: .6em;
	position: relative;
	top: -28px;
	margin-bottom: -28px;
}

	
th {font-weight: normal; text-align: left;}

label.required {font-weight: bold;}
label.clickable {cursor: pointer;}
label.minilbl {font-size: .7em;}
.numeric {text-align: right;} 

ul.bulletlinks li a {color: #000; text-decoration: none;}
ul.bulletlinks li a:hover {color: #000; text-decoration: underline;}

p.error {font-size: .8em; padding: .25em; background-color: #eee; 
	background-image: url(/img/yobaliamx/alert.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 24px;}

button {font-size: 18px; margin-top: .8em; cursor: pointer;}
button.mini {font-size: 12px;}
button.green {
	background-image: url(/img/yobaliamx/boton.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px; 
	font-weight: bold;
	border: none; 
	padding: 0 0 .5em 1.2em;
	height: 46px; 
	width: 260px;
	color: #485d72;
}
button.greenshort {
	background-image: url(/img/yobaliamx/boton2.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px; 
	font-weight: bold;
	border: none; 
	padding: 0 0 .5em 1.2em;
	height: 46px; 
	width: 168px;
	color: #485d72;
}


div#crumbcontainer {background-color: #f8f8fa; height: 3.5em; margin-bottom: -2.4em}
div#migas {width: 984px; margin: 0 auto; padding: .6em 0 1em 3.5em; font-size: .7em;}

body#registro div#crumbcontainer {display: none;}


div {margin-bottom: 1px;}
div.container {width: 984px; margin-left: auto; margin-right: auto; height: 100%;}
div.cl {clear: both;}
		
/** Columns **/
div.column {padding: 0 10px; float: left;}
	.simple {width: 144px;}
	.double {width: 308px;}
	.triple {width: 472px;}
	.quad {width: 636px;}
	.fiver {width: 800px;}
	.six {width: 964px;}
	
div.bottombg {padding: 2.25em 0 2.25em 2.25em;}
div.topbg {padding: 2.25em 0 2.25em 2.25em;}
div.bottombg ul, div.topbg ul {list-style-position: inside; margin: 1em 0 0 0; padding: 0;}

div#promo {width: 984px; margin-left: auto; margin-right: auto; margin-top: 0;}

ul.promolist li {margin-bottom: .8em;}

		
#header {height: 7.75em;}
#content {min-height: 20em;}

/** head **/

#headcontent a {text-decoration: none;}
#headcontent a:hover {text-decoration: underline;}

#txtcontent {float: right; clear: right; margin: 46px 0 0 0; text-align: right; width: 300px;}
#txtcontent p {margin: 0; font-size: .8em;}
#txtcontent p a {text-decoration: underline;}
#headcontent ul {margin: 0; padding: 0; float: right; font-size: .7em; clear: right;}
#headcontent ul li {display: inline; padding: 0 .25em 0 .25em; border-right: solid 1px;}
#headcontent ul li.last {border: none; padding-right: 0;}

#headcontent ul#nav_sup {margin-top: .25em;}
#headcontent ul#nav_inf {margin: 15px 0 0 0; width: 300px; text-align: right;} /** FF margin-top: 10px **/

#headcontent ul li.pais {border: none; padding: 0 1em 0 1.6em; background: url(/img/yobaliamx/flagsprite.gif) no-repeat;}

#headcontent ul li#lnk_mexico {background-position: 0 -14px; margin-left: 2em;}
#headcontent ul li#lnk_spain {}
#headcontent ul li#lnk_brasil {background-position: 0 -28px;}
#headcontent ul li#lnk_argentina {background-position: 0 -42px;}
/* #headcontent ul li.pais img {border: none; margin-right: .4em; vertical-align: middle;} */

#logo, #logo_trans {float: left; margin: 0; border: none;}

#logo_trans {margin-top: 29px;}
#logo_mini {display: none;}
#calltoaction {float: left; margin: 38px 0 0 68px; border: none;}

/** main nav **/
ul.menu {list-style: none; margin: 0; padding: 0;}
ul.menu li {display: inline;}
#context_menu {font-size: .8em; color: #000; padding: 0 0 0 2em;}
#context_menu li {padding: .2em .6em .2em .6em; -moz-border-radius: 0em; border-radius: 0em;}
#context_menu li.current {color: #fff; background-color: #8191A0; -moz-border-radius: 0.5em; border-radius: 0em;}
#context_menu li a {color: #000; text-decoration: none;}
#context_menu li.current a {color: #fff;}

#nav ul {margin: 0 auto; padding: .5em 0 .5em 1.8em; height: 1.37em; float: left;}
#nav ul li {padding: 0 .3em 0 .2em;}
#nav ul li.last {border: none;}
#nav ul li.first {padding-left: 0;}
#nav ul li a {font-size: .9em; text-decoration: none;}
#nav ul li a:hover {text-decoration: underline;}

ul#login {font-size: .7em; float: right; text-align: right; padding: 0; margin: .8em -.4em 0 0; list-style: none;}
ul#login li {padding: .4em 1.2em; background-color: #f3f3f5; display: inline; -moz-border-radius: .5em; border-radius: .5em;}
#nav ul#login li {border: none;}
#nav ul#login li.first {-moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; padding-left: .8em;}
#nav ul#login li.last {-moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0;}
ul#login.menu li {border: none;}
#nav ul#login a {font-size: 1em;}

/** submenu **/
#submenu {background-color: #f8f8fa;}
#submenu ul {margin: 0 auto 0 auto; padding: .5em 0 .5em 1.8em; list-style: none; height: 3.43em;}
#submenu ul li {border-right: solid 1px #49494b; padding: 0 .3em 0 .2em;}
#submenu ul li.last {border: none;}

#submenu ul li a {font-size: .8em; text-decoration: none; color: #5a5a5a;}
#submenu ul li a:hover {text-decoration: underline;}

/** footer **/

#footer {margin-top: 2.5em; margin-bottom: 1em; padding-left: 2.5em;}
#footer p {margin: 0; font-size: .75em;}

#home #footer {margin-top: 0;}

ul#corpolinks {list-style: none; margin: 0; padding: 0; font-size: .75em;}
ul#corpolinks li {display: inline; padding: 0 .3em 0 .3em;}
ul#corpolinks li a {text-decoration: none;}
ul#corpolinks li a:hover {text-decoration: underline;}
ul#corpolinks li.last {border: none; padding-right: 0;}
ul#corpolinks li.first {padding-left: 0;}

ul.logos {margin: 1em 0 1em 0; padding: 1em 0 1em 0; list-style: none;}
ul.logos li {display: inline; margin-right: 1em;}
ul.logos li.first {padding-left: 1em;}
ul.logos img {border: none; vertical-align: middle;}

/** pub **/
div.publi {text-align: center; font-size: .7em; padding-bottom: .8em;}
div.publi > p {margin: 0;}

/** search box **/

div#canales {float: left; width: 11em; margin-top: .2em;}
div#canales h3 {font-weight: bold; display: inline; font-size: .8em;}
div#canales ul {margin: 0; padding: 0; list-style: none;}
div#canales ul li {padding: 0; margin: 0; font-size: .8em;}
div#canales ul li a {color: #000; text-decoration: none; font-weight: normal; padding: 0 .4em; border: none;}
div#canales ul li a:hover {text-decoration: underline;}
div#canales li.last {}
div#canales li.first {}

body#body_eventos div#canales li#li_eventos a {background-color: #c4cbd3; -moz-border-radius: .5em; border-radius: .5em; padding-right: 1em;}
body#body_field_marketing div#canales li#li_fieldmarketing a {background-color: #c4cbd3; -moz-border-radius: .5em; border-radius: .5em; padding-right: 1em;}
body#body_administrativa div#canales li#li_admin a {background-color: #c4cbd3; -moz-border-radius: .5em; border-radius: .5em; padding-right: .5em;}
body#body_telemarketing div#canales li#li_telemarketing a {background-color: #c4cbd3; -moz-border-radius: .5em; border-radius: .5em; padding-right: 1em;}
body#body_retail div#canales li#li_retail a {background-color: #c4cbd3; -moz-border-radius: .5em; border-radius: .5em; padding-right: 1em;}

div#searchcontainer {padding: .4em .8em 2.4em .8em; background-color: #fff; margin-top: .6em;}
div#buscador {height: 97px; float:left; width: 550px; margin-left: 1.8em; margin-top: -.4em;}
div#buscador p, div#buscadornofloat p {margin: -1.6em 0 0 0; font-size: .7em;}

div#buscador select {width: 8em;}
div#buscador fieldset, div#buscadornofloat fieldset {margin: 0; padding: 0; border: none;}

div#buscador input, div#buscador select {font-size: .75em;}
div#buscador input#buscar, div#buscadornofloat input#buscar {border: none; vertical-align: middle; margin-top: 1.5em;}
div#buscadornofloat input#buscar {margin-top: 1.5em;}
div#buscador label {font-size: .8em; margin: 0;}

div#buscadornofloat {height: 97px; border-bottom: solid 1px #fff; padding-left: 1em;}
div#buscadornofloat {background-image: url(/img/yobaliamx/bg_buscador.gif); background-repeat: repeat-x; background-position: 0 100%;}


div#attcliente {float: right; width: 11em; margin: 1em 0 0 1em; padding-right: 0;}
div#attcliente h4 {font-size: .8em; color: #8b9cae; margin: 0;}
div#attcliente p {margin: 0; font-size: .75em;}
div#attcliente p a {color: #000;}

/** lists **/
table.list {width: 100%; margin: 0;}
table.list th {font-size: .8em; font-weight: normal; text-align: left; padding: .5em .5em .5em .5em;}
table.list td {padding: .8em .5em .8em .5em; vertical-align: top;}
table.list td * {font-size: .8em; margin: 0;}
table.list td a {text-decoration: none;}
table.list td h3 {font-size: 1.1em;}


/** listado de ofertas **/

ul.lista_ofertas {list-style: none; margin: 0; padding: 0;}
ul.lista_ofertas li {margin: 0 0 .5em 0;}
ul.lista_ofertas * em {font-weight: bold;}

ul.lista_ofertas li.decohome div.headoferta {background-color: #a4bd48;}
ul.lista_ofertas li.decobold div.headoferta {background-color: #96a2b0;}

ul.lista_ofertas h2 em {text-decoration: underline;}
.lista_ofertas li h2 {margin: 0; font-size: 1em;}
.lista_ofertas li h2 a {color: #000;}

.lista_ofertas li p {margin: 0; font-size: .8em;}

/**
.lista_ofertas li span.provincia {font-weight: bold;}
.lista_ofertas span.provincia a {color: #000;}
.lista_ofertas span.provincia a:hover {color: purple;}
**/

.lista_ofertas div.headoferta {background-color: #eee; font-size: .75em; padding: .1em .5em; border-top: solid 1px #dfe2e7;}
.lista_ofertas div.headoferta a {color: #000; text-decoration: none; font-weight: bold;}
.lista_ofertas div.headoferta a:hover {text-decoration: underline;}
.lista_ofertas div.bodyoferta {padding: .4em .2em;}

.lista_ofertas li p.empresa {color: #666; font-size: .75em; margin-top: .2em;}
.lista_ofertas p.desc_oferta {margin-top: .8em; color: #666; width: 560px; float: left; font-size: .9em;}
body#home p.desc_oferta {width: 690px;}
.lista_ofertas a.more {font-size: .8em; margin-right: .6em; background-image: none; padding-right: 0; margin-top: .9em; display: block;}

.lista_ofertas div.prov_n_date {float: left;}
.lista_ofertas p.categoria {float: right; display: inline; font-size: 1em; font-weight: bold; margin: 0; padding: 0;}

ul.lista_ofertas li {margin: 0; padding: .3em 0 0 0;}

.lista_ofertas p.more_ofertas {font-size: .7em; margin-top: .1em; color: #87b304;}
.lista_ofertas p.more_ofertas a {color: #87b304; text-decoration: underline; font-weight: bold;}
.lista_ofertas p.more_ofertas a:hover {text-decoration: underline;}


.lista_ofertas p.m_prov {margin-top: .4em; float: left; margin-right: 2em;}
.lista_ofertas p.m_cat {margin-top: .4em;float: left;}
body#home .lista_ofertas p.m_prov {float: left; margin-bottom: .4em; margin-top: .2em;}
body#home .lista_ofertas p.m_cat {float: left; margin-bottom: .4em; margin-left: 2em; margin-top: .2em;}

/**
ul.lista_ofertas li.par {background-color: #fff;}
ul.lista_ofertas li.impar {background-color: #fafafa;}
**/




/**
.lista_ofertas li.eventos a {color: #87b203;}
.lista_ofertas li.field_marketing a {color: #87b203;}
.lista_ofertas li.administrativa a {color: #87b203;}
**/

/** /listado de ofertas **/


/** paginador **/
div.pager { text-align:  center; margin: 1em 0;}
div.pager a {text-decoration: none;}
div.pager a:hover {text-decoration: underline;}
div.pager ul {display: inline; margin: 0; padding: .5em; list-style: none;}
div.pager ul li {display: inline; margin-right: .1em;}
div.pager ul li span {padding: .2em .4em;}
div.pager ul li a {border: solid 1px; padding: .2em .4em;}

/** forms **/
#fLogin div.formtainer {margin-top: 2em;}
#fLogin div.formtainer label {display: block; font-size: .8em; margin-top: 1em;}

a.remark {font-size: .7em;
	display: block; 
	margin-top: .6em; 
	text-decoration: none;}
	
p.listitem {margin: 0; font-size: .8em; padding: .3em .6em; border-bottom: solid 1px #d0d0d0;}
p.note {font-size: 11px;}
div.alert {
	color: #333;
	border: solid 1px #F7C857;
	padding: .25em;
	margin: .25em 0 .5em 0;
	background-color: #FAFEAD;
	background-image: url(/img/yobaliamx/alert.gif);
	background-repeat: no-repeat;
	background-position: .25em .25em;
	padding-left: 2em;
	font-size: 1em;}
	
div.grey {background-color: #efefef; border: solid 1px #ddd;}
input.msg, select.msg {background-color: #FAFEAD;}


div#tagcloud {background-color: #8191a0; padding: .4em .4em 1em .4em;}
div#tagcloud h3 {color: #fff; margin: 0 0 .2em 0; padding-bottom: .2em; border-bottom: dotted 1px #000;
	background-image: url(/img/yobaliamx/tag_big.gif);
	background-repeat: no-repeat;
	background-position: 100% -1px;
}
div#tagcloud ul {list-style: none; margin: 0; padding: 0;}
div#tagcloud ul li {display: inline; margin-right: 7px;}
div#tagcloud ul li a {color: #fff;}

div#tagcloud li.size1 {font-size: .8em;}
div#tagcloud li.size2 {font-size: 1em;}
div#tagcloud li.size3 {font-size: 1.1em;}
div#tagcloud li.size4 {font-size: 1.4em;}
div#tagcloud li.size5 {font-size: 1.6em;}
div#tagcloud li.size6 {font-size: 2em;}


div.indicator, td#indicator {font-size: 1em; color: #666;}
div.indicator img, td#indicator img {vertical-align: middle; margin-right: .8em;}

div#cond_uso {width: 600px; height: 200px; overflow: auto; margin-bottom: 1em; padding: .4em; background-color: #f1f1f1; border: solid 1px #eee;}
div#cond_uso p {margin: 0 0 .3em 0;}

div.titlespacer {height: 3.43em; background-color: #f8f8fa;}
div#marcaagua {width: 984px; margin-left: auto; margin-right: auto; text-align: right; padding-bottom: 1em;}
div#marcaagua img {}

div#share {font-size: .8em; margin: 1.8em 0;}
div#share img {vertical-align: middle; margin-right: .4em;}
div#share ul {list-style: none; margin: 0; padding: 0;}
div#share ul li {margin-bottom: .4em; display: inline; padding-right: 1em;}

div#captcha img {margin-top: .5em;}
a.more {display: block; color: #666; margin: .4em 0 .2em 0; float: right; background-image: url(/img/yobaliamx/arrow_right.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 1.4em; text-decoration: none; }
a.more:hover {text-decoration: underline; color: #333;}

a#printlink {font-size: .8em; color: #000; text-decoration: none; display: block; }
a#printlink:hover {text-decoration: underline;}
a#printlink img {border: none; margin-right: .5em;}

/** banners google **/
div.narrow_ads {background-color: #fafafa; border: solid 1px #ddd; height: 152px; padding: .25em .5em; font-size: .9em; margin-bottom: 1em;}

span.ad_line1 {color: #000; text-decoration: underline; margin-bottom: .125em; display: inline;}
div.ad_header {margin-bottom: .25em;}
div.ad_header a {color: #366; font-size: .8em;}
span.ad_text {font-size: .9em; float: left; margin-right: 10em;;}
span.ad_url {font-size: .9em; font-weight: bold; color: #333;}
div.ad_block {margin-bottom: .85em;}

h1.underlined {border-top-width: 4px;
border-bottom-style: solid;
border-bottom-color: #899aaa; margin: 0 0 .6em 0; padding: 0 0 .1em 0;}

div#bigbanner {
	width: 728px; 
	height: 90px;
	float: right;
	margin-top: 12px;
}

div.resalta {
	border: solid 0px #c8c8c8;  
	-moz-border-radius: .5em; 
	border-radius: .5em; 
	padding: .3em 1em; 
	margin: 0 -1.5em .3em -1.5em;
}

div.red {background-color: #d7582d; color: #fff;}
div.red a {color: #fff; font-weight: bold;}
div.pink {background-color: #f7e0d8;}

ul#pasosdestacar {padding: 0 0 0 1em; margin: 1.6em 0 0 0; font-size: 1.25em; list-style: none;}
ul#pasosdestacar li {padding: 0 0 .35em 0;  margin-bottom: 1em; background-image: url(/img/yobaliamx/sprite_numbers.gif); background-repeat: no-repeat; padding-left: 46px;}
ul#pasosdestacar li p {margin: .5em 0 .5em 0; border-top: solid 1px #e5e8ed; margin-left: -25px; padding: .5em 0 0 25px;}

#fDestaca {margin-left: 5em;}

li.number1 {}
li.number2 {background-position:  0 -69px;}
li.number3 {background-position: 0 -127px;}

div#ofertas_comunidad h1 {
	border-top-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #899aaa; margin: 0; padding: .25em 0;
}
div#ofertas_comunidad h3 {margin: 0 0 .2em 0; 
	/*border-bottom: dotted 1px #000;*/
	background-image: url(/img/yobaliamx/tag_big.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	color: #999; border-color: #ccc; 
	padding: .6em 0 .6em 2em;
}

div#ofertas_comunidad {padding-bottom: 1em; margin: 1.5em 0 1.5em .65em;background-color: #fff; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc;}
body#home div#ofertas_comunidad {width: 960px; padding-bottom: 1em; margin: 1.5em 0 1.5em .65em; background-color: #fff; border-top: none; border-bottom: dotted 1px #ccc;}
body#home div#ofertas_comunidad h3 {border-bottom: dotted 1px #ccc; margin-top: -2em;}
div#ofertas_comunidad ul {list-style: none; margin: 1em 0; padding: 0; font-size: .9em;}
div#ofertas_comunidad ul li {display: inline; margin-right: 7px;}
div#ofertas_comunidad ul li a {color: #999; text-decoration: none;}
div#ofertas_comunidad ul li a:hover {color: #666; text-decoration: underline;}

div#ofertas_comunidad li.size1 {font-size: .8em;}
div#ofertas_comunidad li.size2 {font-size: 1em;}
div#ofertas_comunidad li.size3 {font-size: 1.1em;}
div#ofertas_comunidad li.size4 {font-size: 1.4em;}
div#ofertas_comunidad li.size5 {font-size: 1.6em;}

ul.items_pack {list-style: none; margin: .8em 0; padding: 0;}

div#seotext {font-size: .75em; margin: 4em 0 1em 0;}
div#seotext ul {display: inline; list-style: none; margin: 0; padding: 0;}
div#seotext ul li {display: inline; padding: 0 .5em; border-right: solid 1px #8d8d8d; color: #333;}
div#seotext ul li a {color: #333; text-decoration: none;}
div#seotext ul li a:hover {text-decoration: underline;}
div#seotext p {font-size: 1em; margin: .6em 0;}

body#info ul li {margin-bottom: .8em;}