/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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 focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 11px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	background:#fff url(img/body-bg.png) repeat-x;
}

a:focus {
	outline: none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

p {font:12px/16px Arial, Helvetica, sans-serif; color:#333;}

a {text-decoration: none;color:#333;}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 16px; font-weight:normal; letter-spacing:-1px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}



/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 15px;}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
}
.wrapper_grid {
	background: #fff url(img/12_col.gif) repeat-y;
	margin-bottom: 20px;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 {width: 220px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 460px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

.bottom {
	margin-bottom: 0;
}
.text-right {
	text-align:right;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.left { float:left; display:inline; margin-right:16px;}
.right { float:right; display:inline; margin-left:16px;}

/* Structure
----------------------------------------------------------------------------------------------------*/
.header { height:51px; position:relative; z-index:10;}
.content-top,
.content-bottom { margin-bottom:10px;  clear:both; position:relative;}
.content-top {border:1px solid #dfdfdf; height:298px; overflow:hidden; width:958px;}

.footer {border:1px solid #dfdfdf; background:#eee; clear:both; color:#a4b1b9; margin-bottom:30px; padding:10px 0; }
.footer .grid_6 { width:459px;}

/* header
----------------------------------------------------------------------------------------------------*/
.color-marca { background-color:#f40000!Important;}
.coca-light .color-marca { background-color:#a6a5a5!Important;}
.coca-zero .color-marca { background-color:#535353!Important;}
.coca-company .color-marca { background-color:#d5d4d4!Important;}

.coca-light h3, .coca-light h2 { color:#7a7a7a!Important;}
.coca-zero h3,.coca-zero h2 { color:#292929!Important;}
.coca-company h3, .coca-company h2 { color:#4b4b4b!Important;}

.coca-light .header h1 a {background:url(img/logo_cclp.png) no-repeat;width:225px; margin-top: -8px; height: 50px;}
.coca-zero .header h1 a {background:url(img/logo-zero-br.png) no-repeat;width:185px;}
.coca-company .header h1 a {background:url(img/logo-company.png) no-repeat;width:145px;}

.header { background-image: url(img/header-bg2.png); height:45px; margin-bottom:10px;}
.header h1 { float:left; margin:-7px 0 0 10px;}
.header h1 a { display:block; text-indent:-9999px; background:url(img/logo-red-br.png) no-repeat; width:210px; height:35px;}


.menu h5 { float:left; background:url(img/menu-item.png) no-repeat right top; line-height:21px; padding-left:10px; margin:0; font-weight:normal;  }
.menu h5 a { display:block; text-decoration:none; color:#fff; width:130px; font-size:11px; }
.menu { margin-top:17px;}
.menu ul{ display:none; position:absolute; top:16px; left:0px; background: url(img/menu-ul.png) no-repeat left top; z-index:2; width:286px;  border-bottom:1px solid #fff;}
.menu ul li { padding:3px 5px; margin:0; list-style:none; font-size:11px; background:#f40000 url(img/menu-li-puntos.png) repeat-x left top; border:1px solid #fff; border-width:0 1px;}
.menu ul li a { padding:2px 3px; line-height:18px; text-decoration:none; color:#fff; display:block;}

.menu ul li a:hover { background:url(img/n25.png);}

.menu ul li.otras-marcas { height:29px; border-width:0 0 1px 0; padding:0; background:none; }
.menu ul li.otras-marcas a {height:29px; display:block; width:129px; border:1px solid #fff; border-bottom:none; line-height:21px; padding:0 0 0 9px;font-size:11px; color:#fff;background-image: url(img/menu-ul.png); }

.menu-right { float:right; margin-top:17px; position:relative;}
.menu-right .registrate { line-height:21px; float:left; padding:0; margin:0 0 0 20px; background:url(img/registrate-bg.png) no-repeat; color:#fff; text-decoration:none; width:60px; text-align:center; }
.menu-right .ingreso { line-height:21px; float:left; display:block; padding-left:42px; color:#fff; text-decoration:none; }
.menu-right ul { left:0; top:-1px; }
.menu-right ul li { }
.menu-right .menu { float:left; margin-top:0;}
.menu-right .menu ul { width: 140px;}

.menu ul li.color-coca-cola { background-color:#f40000; }
.menu ul li.color-coca-cola-zero{ background-color:#535353;}
.menu ul li.color-coca-cola-light{ background-color:#a6a5a5;}
.menu ul li.color-coca-cola-company{ background-color:#d5d4d4;}
.menu ul li.color-coca-cola a{ color:#fff;}
.menu ul li.color-coca-cola-zero a{ color:#fff;}
.menu ul li.color-coca-cola-light a{ color:#fff;}
.menu ul li.color-coca-cola-company a{ color:#727272;}
.menu ul li.logo { background-image: none;overflow:hidden; height:44px;}
.menu ul li.logo .logo { display:block; height:34px; text-indent:-9999px; padding:0; margin:5px; }
.menu ul li.color-coca-cola .logo{ background:url(img/menu-logo-coca-cola.png) no-repeat; }
.menu ul li.color-coca-cola-zero .logo{ background:url(img/menu-logo-coca-cola-zero.png) no-repeat; }
.menu ul li.color-coca-cola-light .logo{ background:url(img/logo_cclp.png) no-repeat; height: 50px; margin-left: -5px;}
.menu ul li.color-coca-cola-company .logo{ background:url(img/menu-logo-coca-cola-company.png) no-repeat; }

/* footer
----------------------------------------------------------------------------------------------------*/

.footer a { font-size:11px;}
.footer a {  margin:0 16px 0 0; color:#666; text-decoration:none;}
.footer .text-right a { margin:0 0 0 16px;}

/* content-bottom
----------------------------------------------------------------------------------------------------*/
.content-bottom h3 { color:#f00; background:url(img/h3-bg.png) repeat-x center bottom; padding-bottom:5px;}
.content-bottom ul { font-size:13px; line-height:16px; color:#333;}
.content-bottom p { clear:left; padding-bottom:7px; margin:5px 0 9px 0; }
.content-bottom p.line { background:url(img/p-bg.png) repeat-x center bottom;}
.content-bottom p.last { background:none; margin-bottom:0; padding-bottom:0;}

.boton1{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_01.jpg);}
.boton1.activo{background:url(/content-store/pt_BR/Red/img-tmp/gol.gif)!important;}

.boton2{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_02.jpg);}
.boton2.activo{background:url(/content-store/pt_BR/Red/img-tmp/valeu_campeao.gif)!important;}

.boton3{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_03.jpg);}
.boton3.activo{background:url(/content-store/pt_BR/Red/img-tmp/tua.gif)!important;}

.boton4{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_04.jpg);}
.boton4.activo{background:url(/content-store/pt_BR/Red/img-tmp/boca_vamoscomemorar.gif)!important;}

.boton5{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_05.jpg);}
.boton5.activo{background:url(/content-store/pt_BR/Red/img-tmp/eu_ja_sabia.gif)!important;}

.boton6{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_06.jpg);}
.boton6.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_01.gif)!important;}

.boton7{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_07.jpg);}
.boton7.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_02.gif)!important;}

.boton8{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_08.jpg);}
.boton8.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_03.gif)!important;}

.boton9{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_09.jpg);}
.boton9.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_04.gif)!important;}

.boton10{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_10.jpg);}
.boton10.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_05.gif)!important;}

.boton11{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_11.jpg);}
.boton11.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_11.gif)!important;}

.boton12{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_12.jpg);}
.boton12.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_12.gif)!important;}

.boton13{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_13.jpg);}
.boton13.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_13.gif)!important;}

.boton14{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_14.jpg);}
.boton14.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_14.gif)!important;}

.boton15{width:50px;height:50px;background:url(/content-store/pt_BR/Red/img-tmp/emoticon_15.jpg);}
.boton15.activo{background:url(/content-store/pt_BR/Red/img-tmp/emo_15.gif)!important;}

.box-youtube { position:relative;}
.box-youtube img { margin-top:10px;}
/* .box-youtube a { position:absolute; color:#e43025; font-size:11px; left:138px; bottom:15px; text-decoration:none; border-bottom:1px dotted;} */

.links a { font-size:11px; color:#363434; text-decoration:none; border-bottom:1px dotted;}
.box-cine img { width:176px; margin:15px auto; display:block; border:5px solid #4a4a4a;}

.ico-flickr { background: url(img/ico-flickr.png) no-repeat; padding-left:25px; display:block;}
.ico-facebook { background: url(img/ico-facebook.png) no-repeat; padding-left:25px; display:block;}
.ico-positiva { background: url(img/ico-positiva.png) no-repeat; padding-left:25px; display:block; }

.link-positiva a { margin:26px 0 0 12px; float:right; padding:0 22px 0 44px; color:#000; font-size:12px; line-height:23px; display:block; text-decoration:none; background:#ededed url(img/link-positiva.png) no-repeat; position:relative; right:-10px;}

.coca-light .link-positiva a { margin-top:30px;}

.wallpapers div { position:relative;}
.wallpapers .bottom { position:absolute; bottom:0; right:0;}
.wallpapers .bottom a {border-bottom:1px dotted}

.historia a { font-family:"Times New Roman", Times, serif; color:#e70303; font-size:12px; line-height:14px;}
.historia a strong { font-size:0.88em;}

.content-bottom { color:#8b8b8b; }
.content-bottom p { font-size:11px; color:#8b8b8b; }

.link-positiva { background: url(img/p-bg.png) repeat-x center top; margin-top:10px; padding-top:5px;}
.link-positiva a { margin:10px 0 0 0; float:none; padding:0;height:24px; display:block; text-decoration:none; background: url(img/viva-positivamente.png) no-repeat; position:relative; right:0; text-indent:-9999px;}

.wp { position: absolute; margin-left: 250px; margin-top: -140px;}

.img-list div { position:relative; margin-left:0; margin-bottom:10px;}
.img-list div img { margin-top:3px;}
.img-list li { position:relative; margin-left:0; margin-bottom:10px;}
.img-list li img { margin-top:3px;}
.img-list .bottom { position:absolute; bottom:0; left:81px;}
.img-list div a.link {border-bottom:none; line-height:15px; background-position:left 4px; display:inline; }

.content-bottom ul { font-size:10px; line-height:16px; color:#333;}
.content-bottom a.link { line-height:22px; padding-left:8px; display:block; color:#8b8b8b; text-decoration:none;background:url(img/mapa-blt.png) no-repeat left 9px;}
.content-bottom a.link:hover { text-decoration:none; color:#8b8b8b; background-image:url(img/mapa-blt-coca.png);}
.content-bottom strong { font-size:11px;}

img.left { margin-bottom:10px;}
link-positiva { margin-top:10px; padding-top:10px;}
link-positiva a {}

/* content-map
----------------------------------------------------------------------------------------------------*/

.content-map { /*height:550px;*/ }
.content-map h2 { margin-bottom:9px; padding-top:10px; height:31px; color:#f40000; background:url(img/h2-bg.gif) repeat-x left bottom; font-size:20px; }
.content-map h3 { height:67px; text-indent:-9999px; }
.content-map h3.coca-cola { background: url(img/mapa-coca-cola.png)}
.content-map h3.coca-cola-zero {background: url(img/mapa-coca-cola-zero.png)}
.content-map h3.coca-cola-light {background: url(img/mapa-coca-cola-light.png)}
.content-map h3.coca-cola-company {background: url(img/mapa-coca-cola-company.png)}
.content-map ul { list-style:none;}
.content-map li { padding-left:10px; margin:0;  }
.content-map a {font-size:13px; line-height:22px; padding-left:8px; display:block; color:#919090; text-decoration:none;background:url(img/mapa-blt.png) no-repeat left 9px;}
.content-map li a:hover { text-decoration:underline;}
.content-map li.link-coca a { text-decoration:underline; color:#f40000; background-image:url(img/mapa-blt-coca.png);}

body.lang { background-position:0 -46px;}
body.lang h1 { background:url(img/logo-lang.gif) no-repeat center; width:300px; height:105px; margin:140px auto 50px;}
body.lang h1 a { text-indent:-9999px; display:block; height:105px; width:300px;}
body.lang p { margin-left:230px; color:#919090;}
body.lang h2 a { display:block; background: url(img/header-bg.gif) repeat-x left -16px; font-size:11px; width:130px; text-align:center; color:#fff; line-height:19px; margin-top:8px; border:1px solid #fa8080;}

/* modal window Light
----------------------------------------------------------------------------------------------------*/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:transparent;
	/*width:675px;	*/
	min-height:200px;
	 border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-repeat: no-repeat; 
	background-image:url(img/x.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.natelinha {
     display: none;
     position: absolute;
     top: 25%;
     left: 30%;
     width: 420px;
     height: 350px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}

/* drop down window Red
----------------------------------------------------------------------------------------------------*/

.dropdownwrapper {width:206px;position:absolute;z-index:1;}

 

.dropdownbtn { 

 width:180px;height:24px;

 background-image:url(/content-store/pt_BR/Red/img-tmp/dd_box.jpg);

 float:left;

 cursor:pointer;

 }

 

 .okbtn {

            width:24px;height:24px;

            background-image:url(/content-store/pt_BR/Red/img-tmp/btn_ok.jpg); 

            float:left; cursor:pointer;

            margin-left:2px

}

 

 .ddownlist {

            background-color:#FFFFFF;

            width:175px;

            float:left;

}

 

.ciudadeslist {

            border-color:red;

            border-style:none solid solid;

            border-width:1px;

            list-style-image:none;

            list-style-position:outside;

            list-style-type:none;

            float:left;

            background-color:#FFFFFF;

            width:175px;

            display:none;

}

 

.ciudadeslist li {

    margin:0px;   

}

 

.ciudad {

            color:red;

            font-size:12px;

            cursor:pointer;

            font-weight:bold;

            margin-left:5px;

}