/* Global Reset */
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,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* ol, ul {list-style: none;} */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold}
/* Some required bits */
p, ol, ul {margin-bottom:20px}
ol, ul {padding-left:20px}
.clear {clear:both}
.left {float:left}
.right {float:right}



/* structure */
body {color:#333;font:normal 12px/160% Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:990px;margin:0 auto;overlfow:hidden}
#top {width:990px;}
#header {width:990px;padding:20px 0}
#nav {width:990px;}
#bar {width:990px;clear:both;margin-bottom:15px}
#cont {width:990px;}
#col1 {width:600px;float:left;overflow:hidden;}
#body-index #col1 {width:990px}
#footer {width:990px;margin:0 auto}

/* html */
a {}
a:hover {text-decoration:none}
h1 {font-size:22px;margin-bottom:10px}
h2 {font:bold 12px/160% Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px}
h3 {font:bold 11px/160% Verdana, Arial, Helvetica, sans-serif;}
h2, h3, h3 {color:#333;font:bold 14px/20px "Lucida Grande", "Verdana", sans-serif;} 
h2 {font-size: 14px;line-height: 20px;margin:0;letter-spacing:-1px;}
#col1 h2 {margin:0 0 5px 0px;}
#col2 h2 {padding:6px 0 18px 2px;font-size: 13px;}
h2 a, h3 a {text-decoration:none;}
h2 a:hover, h3 a:hover {border-bottom:1px solid #AA442B;margin-bottom:-1px}
h3 {font-size: 13px;line-height: 20px;text-transform:none;margin:16px 0 4px 0}
.pseudo-h1 h2 {margin:0 0 20px 0;padding:2px 0 10px 1px;color:#333;font:normal 28px/36px Verdana, Arial, Helvetica, sans-serif !important;border-bottom:1px solid #ccc;border-top:3px solid #ccc}
 

 ul, ol, dl {list-style-position:inside;margin:0 0 20px 0}
 	ul ul {margin:10px 0 20px 30px}
 #col1 li {margin-bottom:10px}
 #col2 li {margin-bottom:5px}
 	#col2 ul {list-style-position:inside}

 a {color:#aa442b}
	 a:hover {text-decoration:none}
 p, table {margin-bottom:20px; border-collapse: collapse;}
 tr td { border: 1px solid black; padding: 5px; }
 dt { font-weight:bold}
 dd { padding-left:10px;}
input {width:600px}
textarea {width:600px}

/**
 * Miscellaneous
 */
.clear {clear:both}
.center {text-align:center}
.no-right {margin-right:0 !important;padding-right:0 !important}
.warning {color: #DA2521 !important;font-weight: bold;}
.left-image {float:left;margin:0 15px 0 0}
.center-image {margin:15px 0}
.right-image {float:right;margin:0 0 0 15px}
.caption {font-size:11px;line-height:1.2;padding:3px;}
.img-left {margin:0 1em 5px 0;border:2px solid #444}
.bottom {bottom:0}
.block {display:block}
.small {font-size:0.8em}
#cat-image {float:left;padding:0 20px 20px 0;background:#fff}
ul.float-columns:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* gives us some breathing room */
ul.float-columns li {float:left;padding-right:15px !important;width:120px;margin-bottom:5px !important}
div.google-map {margin-bottom:20px;}
div.google-map small {font-size:11px}

/* #top */
#top {color:#777;border-bottom:2px solid #C7E3F1;padding:5px 0;}
#top ul {list-style:none;padding:0;margin:0}
#top ul li {float:left;padding:0 5px;margin:0;border-right:1px solid #C7E3F1}
#top ul li.last {border:none;padding-right:0;}
#top ul li.first {padding-left:0;}
#top a {color:#777;text-decoration:none}
#top a:hover {text-decoration:underline}

/* #header */
#logo {background: url(/assets/images/structure/logo.png) no-repeat;display:block;width:250px;height:90px;text-indent:-9000px;overflow:hidden;float:left}

/* #nav */
.nav {border:2px solid #C7E3F1;border-width:2px 0;padding:5px 0;}

.nav ul {list-style:none;padding:0;margin:0}
.nav ul li {float:left;padding:0 6px;margin:0;border-right:0px solid #C7E3F1}
.nav ul li.last {border:none;padding-right:0;}
.nav ul li.first {padding-left:0;}

.nav ul li a {font:bold 11px/160% Arial, Verdana, sans-serif;color:#333;text-decoration:none}
.nav ul li a:hover {text-decoration:underline}

#footer .nav {margin:20px 0}

/* #bar */
#bar {padding:5px 0 0 0;}
#bar #crumbs {font-size:11px;color:#333}
#bar #crumbs a {color:#777}

/* Home Page */
#show_container {width:450px;float:left;overflow:hidden;margin-right:10px}
#cat_panel {width:525px;float:left;}
#cat_panel .item {width:168px;float:left;margin:0 10px 10px 0;}
#cat_panel a {text-decoration:none;font-weight:bold;color:#333;font-size:13px;display:block}
#cat_panel a img {display:block}
#cat_panel a:hover {color:#333;background:#ccc}

/* #story_header */
#story_header {}
#story_header .left {float:left;width:500px;}
#saag {float:right;width:370px;font:normal 11px/160% Arial, Verdana, sans-serif;}
#saag h2 {text-transform:uppercase;font-size:10px;font-weight:bold}

/**
 * Body-article
 */
#body-article {}
#body-article #col1 {}
body.article #col2 {font: normal 12px/20px "Trebuchet MS", "Tahoma", sans-serif;}

/**
 * Content types
 */body.cat #col1 {width:990px;float:none}
body.cat #col2 {width:990px;float:none;}

body.cat #col1 #box1 {width:450px;padding-right:30px;float:left}
body.cat #col1 #box2 {width:210px;padding-right:30px;float:left}
body.cat #col1 #box3 {width:210px;padding-right:30px;float:left}

.box-thirds {font:normal 11px/19px Verdana, Arial, sans-serif;}
.box-thirds ul.snaps {width:300px;padding:0 30px 0 0;float:left;margin:0;list-style-position:outside;}
.box-thirds ul.snaps li {list-style:none;margin-bottom:10px;border-bottom:3px solid #ddd;height:165px}
.box-thirds ul.snaps li h2 {padding:0 0 10px 0 !important;line-height:1}
.box-thirds ul.snaps li img {border:2px solid #777;float:left;margin:0 10px 5px 0;display:block;}



/**
 * Ads
 */
.adcode {padding-bottom:20px;border-bottom:3px solid #ccc;margin-bottom:20px}
.side_ad {text-align:center;padding-top:40px}

/**
 * Loops
 */
.loop-item {}
.loop-item .loop-item-img-a {float:left;display:block;padding-right:10px;background:#fff}
.loop-item a img {border:1px solid #ccc;}

/**
 * Page
 */
#page-image {float:left;padding:0 20px 10px 0;background:#fff}
#page-image img {padding-bottom:5px}
#page-image .caption {font: normal 11px/16px Verdana, "Trebuchet MS", "Tahoma", sans-serif;border-bottom:3px solid #ccc;padding-bottom:8px}
#page-image .caption span {display:block;color:#555;font-style:italic;padding-top:3px}




/**
 * Body-article-category
 */
#body-article-category {}
#body-article-category #leader {position:absolute;top:5px;right:5px;text-align:right;font:normal 15px/18px Palatino, Georgia, "Times New Roman", Times, serif;font-style:italic;color:#777}
#body-article-category #col1 .col-1 {width:480px;padding-right:14px;margin-right:15px;float:left;}
#body-article-category #col1 .col-2 {width:480px;float:left}


/**
 * Body-article-category
 */
#related-articles {margin-right:-30px;font:normal 11px/19px Verdana, Arial, sans-serif;}
#related-articles h2 {border-bottom:3px solid #eee;margin:0 0 1px 0;padding-bottom:10px}
#related-articles .item {float:left;width:180px;margin:0 30px 0 0;}
#related-articles .item img {display:block;margin-bottom:5px;border:1px solid #333}
#related-articles .item p {padding:none !important;}
#related-articles .item h3 {height:45px;margin:0;padding:0;font-size:12px}
#related-articles .clear {height:3px;background:#eee;margin-bottom:2px}

/**
 * address box (auto)
 */
.address-box {float:right;background:#eee;padding:10px 10px 0 10px;margin:0 0 10px 10px}
.address-box dd {margin:0;padding:0}

#header_ad {float:left;width:470px;height:65px;oveflow:hidden}

#user_bar {background:#999;margin:-30px 0 30px 0;padding:10px;font-size:13px;text-transform:uppercase;position:fixed;width:100%;z-index:1}
#user_bar a {color:#fff}


body.user_bar #wrap {margin-top:100px}
#user_bar .left {position:absolute;left:5px;top:0}
#user_bar .right {position:absolute;right:25px;top:0}

/* http://www.infovancouver.com/es/olimpiadas-2010/alojamiento-juegos-olimpicos */
body.alojamiento-juegos-olimpicos #col1 ul {width:300px;float:right;margin:0 0 10px 10px;padding-left:10px;border-left:3px solid #eee;list-style-type:none}

#carousel { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #fff; border: 0px solid #aaa; padding: 0px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding:10px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #111; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 11px; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}