/* 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: 10px/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:13px/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;
	float: right;
}

.text-center {
	text-align:center;
}

/* 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:401px;}

/* 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-light.png) no-repeat;width:225px;}
.coca-zero .header h1 a {background:url(img/logo-zero.png) no-repeat;width:135px;}
.coca-company .header h1 a {background:url(img/logo-company.png) no-repeat;width:145px;}

.header { background-image: url(img/header-bg.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-CL.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: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; width:140px; }
.menu-right ul li { }
.menu-right .menu { float:left; margin-top:0;}


.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-mx{ 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-mx .logo{ background:url(img/cocamx.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/menu-logo-coca-cola-light.png) no-repeat; }
.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; 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;}

.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-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;}


/* Style-navidad
----------------------------------------------------------------------------------------------------*/


.grid_3 .jcarousel-list li,
.grid_3 .jcarousel-item {
    height: 200px;
}

.grid_3 .jcarousel-next,
.grid_3 .jcarousel-prev{ top:177px; width:14px; height:15px; }
.grid_3 .jcarousel-prev-disabled {background-position:left -15px;}
.grid_3 .jcarousel-next-disabled {background-position:right -15px;}

.grid_3 .jcarousel-next { right:4px;}
.grid_3 .jcarousel-prev{ left: 0; }


.content-top{ border-color:#fff;}

.content-bottom h3 { text-indent:-9999px; height:18px; margin-bottom:0; padding-bottom:0;}
.content-bottom p { margin:0; padding:0;}
h3.tit-tv { background:url(img/tit-tv.gif) no-repeat 3px 0;}
.content-bottom .box-tv { position:relative;}
.ico-coca-tv { position:absolute; left:0; top:18px; background:url(img/ico-coca-tv.gif); width:88px; height:50px; z-index:3;}
.ico-coca-tv a{ width:88px; height:50px; display:block;}
.banner-konect a{ background:url(img/banner-konect.gif) no-repeat; height:22px; text-indent:-9999px; display:block;}

h3.tit-greeting { display:none;}

h3.tit-wallpapers { background:url(img/tit-wallpapers.gif) no-repeat 3px 0;}
p.text-descargalos { background:url(img/text-descargalos.gif) no-repeat; height:50px;}
p.text-descargalos span { display:none;}
.banner-viviendo { background:url(img/banner-viviendo.gif) no-repeat; height:22px; text-indent:-9999px;}

.grid_3 #jwallpaper .jcarousel-list li,
.grid_3 #jwallpaper .jcarousel-item {
    height: 150px;
}
.box-wallpaper .jcarousel-next,
.box-wallpaper .jcarousel-prev{ top:127px; }

.facebox-wallpaper1 { background:url(img/facebox-wallpaper1.png) no-repeat; height:131px; padding-left:153px; padding-top:35px; margin-left:30px; float:left; list-style:none; margin-bottom:16px;}
.facebox-wallpaper2 { background:url(img/facebox-wallpaper2.png) no-repeat; height:131px; padding-left:153px; padding-top:35px; margin-left:30px; float:left; list-style:none; margin-bottom:16px;}
.faceboxcontent { width:539px; height:282px;background:url(img/facebox-bg.gif) repeat-x}
#wallpaper.faceboxcontent h3 { background:url(img/facebox-wallpaper-tit.gif); height:66px; margin:0; padding:0; text-indent:-9999px; }
/*#wallpaper.faceboxcontent ul { background:url(img/facebox-wallpaper1.png) no-repeat; height:131px; padding-left:153px; padding-top:35px; margin-left:30px; float:left; list-style:none; margin-bottom:16px;}*/
#wallpaper.faceboxcontent ul li { margin-left:0; line-height:26px;}
#wallpaper.faceboxcontent ul li a{ text-decoration:underline; color:#333;}
#wallpaper.faceboxcontent p { clear:both; text-indent:-9999px; background:url(img/facebox-wallpaper-text.gif) no-repeat center top; height:19px; padding:0;}

#screensaver.faceboxcontent h3 { background: url(img/facebox-screensaver-tit.gif) no-repeat; height:66px; margin:0 0 19px; padding:0; text-indent:-9999px; }
#screensaver.faceboxcontent div { margin-left:27px; padding-left:217px; background:url(img/facebox-screensaver-img.png) no-repeat;}
#screensaver.faceboxcontent a { display:block; float:left; margin-left:30px; width:93px; height:141px; background:url(img/facebox-screensaver-mac.gif); text-indent:-9999px;}
#screensaver.faceboxcontent a.screensaver-pc { background:url(img/facebox-screensaver-pc.gif);}
#screensaver.faceboxcontent p { clear:left; background:url(img/facebox-screensaver-text.gif) no-repeat; height:41px; text-indent:-9999px;}

/*------------------Modal Windows----------------------------*/

.overlay{
     display: none;
     position: absolute;
     top: -55px;
     left: -25px;
     width: 105%;
     height: 105%;
     background: #000;
     z-index:1001;
     opacity: .75;
     -moz-opacity: 0.75;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	 filter: alpha(opacity=75);
}

.trophy {
     display: none;
     position: absolute;
     top: 5%;
     left: 5%;
     width: 828px;
     height: 527px;
     background: transparent;
     color: #333333;
     z-index:1002;     
}

.closeTrophy {
     
	 background: url(img/close_MX.png); 	 	 
     position: absolute;
     top: 5%;
     left: 95%;
     width: 30px;
     height: 30px;
     /*background: #fff;*/
     color: #333333;  
     overflow: auto;
	 border: none;
}

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	/*background-color:#333;*/
	/*width:675px;	*/
	min-height:200px;
	margin-top: -60px;
	/*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-color: rgb(0, 0, 0); opacity: 0;filter: alpha(opacity = 0);
	position:absolute;
	right:420px;
	top:510px;
	cursor:pointer;
	height:35px;
	width:135px;
}


.lightboxmex{
width: 987px;
height: 565px;
background: url(img/lightboxmex.png) no-repeat;

}

.buckettwitter {
background: url(img/bucket_twitter.jpg) no-repeat;
width: 960px;
height: 240px;
}