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

.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: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-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.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-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; }
.menu ul li.color-coca-cola-mx .logo{ background:url("img/cocamx.png") no-repeat scroll 0 0 transparent; }

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

.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-light
----------------------------------------------------------------------------------------------------*/

.text-center {
	text-align:center;
}
.content-bottom h3 { background:none; margin-bottom:0;}
.content-bottom p { font-size:10px; color:#5c5c5b; }
.content-bottom p strong {color:#000;}

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

.grid_3 .jcarousel-list li li { float:none; height:auto;}
.content-bottom .img-list strong { font-size:11px; display:block;}

.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:#fe0220; background-image:url(img/mapa-blt-coca.png); z-index: 100; position: relative;}

.left-img { display:block; margin-left:100px;}
.left-img-78 { display:block; margin-left:78px;}

.mp3 a { display:block;}

.grid_4 .jcarousel-list li,
.grid_4 .jcarousel-item {
    height: 220px;
}
/*.grid_8 .jcarousel-list li, .grid_8 .jcarousel-item { width:600px; height:230px;}*/
.grid_4 .jcarousel-next,
.grid_4 .jcarousel-prev{ top:210px; }
* html .grid_4 .jcarousel-next,
* html .grid_4 .jcarousel-prev{ top:213px;}
.grid_4 .jcarousel-container-grid .mas { margin-top:-13px;}
* html .grid_4 .jcarousel-container-grid .mas { margin-top:-26px;}

.grid_4 .jcarousel-next, .grid_4 .jcarousel-prev {background-image: url(img/bot-pag-def.png);}

.grid_4 img { display:block; margin:auto;}

.jcarousel-tit {border:1px solid white}

/*.jcarousel-tit a { background: url(img/light-botones-slice.gif) no-repeat; display:inline-block; height:30px; width:90px; margin-right:8px; margin-bottom:18px; text-indent:-9999px;}
.jcarousel-tit a.activo { background-image:url(img/light-botones-slice-activo.gif);}*/
.jcarousel-tit a { background: url(img/carouseloff222.jpg) no-repeat; display:inline-block; height:28px; width:70px; margin-right:8px; margin-bottom:18px; text-indent:-9999px;}
.jcarousel-tit a.activo { background-image:url(img/carousel-control-on.jpg);}

#jdescargas-1 { background-position:left top;}
#jdescargas-2 { background-position:right top;}


.content-bottom .grid_3 ul#jdescargas { height:190px;}



ul.thumb {height:170px;width:565px;}

.grid_8 ul.thumb li {position: relative;z-index:2;bottom:0px;padding:2px 3px 6px 8px;background:url(img/sports-li-bg.gif) no-repeat; width:auto; height:auto;}

ul.thumb li img {width: 94px; height: 69px;}
ul.thumb li a {display:none;position:absolute;z-index:30;left:-30px; top:-30px;padding:8px 4px 10px 14px; background:url(img/sports-li-hover-bg.png);}

ul.thumb li a.rightcorner {display:none;position:absolute;z-index:30;left:-70px; top:-30px;padding:8px 4px 10px 14px; background:url(img/sports-li-hover-bg.png);}
ul.thumb li a.leftcorner {display:none;position:absolute;z-index:30;left:-20px; top:-30px;padding:8px 4px 10px 14px; background:url(img/sports-li-hover-bg.png);}

ul.thumb li a img {width:150px; height:136px;}
ul.thumb li.hover a {display:block;}
ul.thumb li.hover {z-index:1000}


.jjfotos ul.thumb {/*border:1px solid green;*/ margin: 25px auto auto 10px;}
.jjfotos ul.thumb li {padding:5px 2px 21px 10px;background:url(img/sfotos-li-bg.jpg) no-repeat;}
.jjfotos ul.thumb li img {width: 81px; height: 54px;}
.jjfotos ul.thumb li a { padding:10px 4px 8px 14px; background:url(img/sfotos-li-hover-bg.png);}
.jjfotos ul.thumb li a img {width:163px; height:135px;}

.jjvideos ul.thumb {/*border:1px solid pink;*/ margin: 25px auto auto 70px;}
/*.jjvideos ul.thumb li {padding:0;background:none; margin-right:10px}*/
.jjvideos ul.thumb li img {width: 90px; height: 100px;}
.jjvideos ul.thumb li a { padding:0; background:none;}
.jjvideos ul.thumb li a img {width:165px; height:144px;}

/* tango
----------------------------------------------------------------------------------------------------*/

.jcarousel-skin-tango .jcarousel-container {
    /*-moz-border-radius: 10px;*/
   /* background: #F0F6F9;*/
   /* border: 1px solid #346F97;*/
    padding:5px;
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 600px;
    height: 250px;
    /*padding: 20px 40px;*/
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 175px;
    height: 345px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  605px;
    height: 240px;
    /*border:1px solid blue;*/
    position:relative:z-index:0;
    
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 650px;
    height: 330px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.wallpapers {
background: url(img/wallpapers.jpg) no-repeat;
width: 220px;
height: 186px;
}

.promos {
background: url(img/promos.jpg) no-repeat;
width: 220px;
height: 195px;
}

.videos {
background: url(img/videos-light.jpg) no-repeat;
width: 460px;
height: 213px;
}

.modalwrapper {
			width:926px;height:600px;position:absolute;display:none;margin-top:-50px;
		}

.modalwrapper .close {
  width:45px;height:64px;position:absolute;right:0px;top:0px;z-index:9999;
			background:url(img/x-light.png) no-repeat;cursor:pointer;
			__background-image:none;
			__filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='conten-store/1_shared/clp/css/img/x-light.png', sizingMethod='crop');
}

.lightvideos {
 background: url(img/videosm.png) no-repeat;
 width: 921px;
 height: 510px;
  __background-image:none;
 __filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='conten-store/1_shared/clp/css/img/modal.png', sizingMethod='crop');
 }

 .lightpromos {
 background: url(img/modal.png) no-repeat;
 width: 926px;
 height: 574px;
 __background-image:none;
 __filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='conten-store/1_shared/clp/css/img/modal.png', sizingMethod='crop');
 }

 .lightwalls {
 background: url(/content-store/es_MX/Light/img-tmp/wall_light.png) no-repeat;
 width: 926px;
 height: 574px;
 __background-image:none;
 __filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content-store/es_MX/Light/img-tmp/wall_light.png', sizingMethod='crop');
 }


.videowrapper {
  width:500px;height:310px;
  position:absolute;top:89px;left:209px;
  overflow:hidden;
}