/*
Theme Name: Guayaquil a Contraluz
Theme URI: http://www.eluniverso.com/guaayquil-underground
Description: Tema para especial Guayaquil a Contraluz de El Universo
Author: Carlos Zambrano, Giannella Paredes
Author URI: mailto:davichotk@hotmail.com,nella.paredes@gmail.com
Version: 1.0
*/

/* Reset default browser CSS.
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Layout
-------------------------------------------------------------- */
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;
border-image: initial;
font-family:Tahoma,sans-serif;
}
html {
    background-color: #0B0B0B;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

@font-face {
    font-family: 'KlavikaBasicLight';
    src: url('fonts/klavikabasic-light-webfont-webfont.eot');
    src: url('fonts/klavikabasic-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klavikabasic-light-webfont-webfont.woff') format('woff'),
         url('fonts/klavikabasic-light-webfont-webfont.ttf') format('truetype'),
         url('fonts/klavikabasic-light-webfont-webfont.svg#KlavikaBasicLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{background-position: center bottom;
background-repeat: no-repeat;
height: 100%;
overflow: hidden;
line-height: 1;
background-color: #0B0B0B;
-webkit-font-smoothing: antialiased;
color: white;
}
h1,h2{font-family:KlavikaBasicLight,sans-serif;}
h2 {
font-size: 24px;
font-weight: normal;
text-transform:uppercase;
margin-bottom: 20px;
margin-top: 30px;
color: rgba(255, 255, 255, 0.8);
}
h3{ font-size:20px; text-transform:uppercase; margin-bottom:10px; color:rgba(0,0,0,0.8); font-weight:bold;}
h2 a{ text-decoration:none;}

.titBlack { color:rgba(0,0,0,0.8); }

#fullscreen {
background: #0B0B0B;
display: none;
/*height: 100%;*/
opacity: 1;
position: fixed;
right: 0;
top: 80px;
width: 100%;
z-index: 3;
}

#main {margin: 0 auto;}

#container{	float:left;}

#header-container 
{
height: 100%;
width: 100%;
background-color: #000;
z-index: 22;
border-bottom:1px solid #999;
}

#footer-container 
{
position: absolute;
top: 80px;
height: 100%;
width: 100%;
background-color: #4B596A;
z-index: 22;
border-top: 1px solid white;
}

#header {width:960px; height:80px; padding:0px;}
a.logoUniverso { display:block; width:167px; height:20px; float:left; margin:10px 20px 10px 0; background:url(images/logo_universo.png) no-repeat; text-indent:-5000px;}

#footer {
height: 40px;
background-color: #4B596A;
text-align: left;
width: 960px;
}

#sliding-title {
/*position: absolute;
top: 10px;*/
float:left;
margin-top:13px;
width:0px;
height:0px;
text-align:right;
font-size:11px;
color:#4B596A;
}

.name-footer {
font-size:36px;
display: block;
float: left;
width:400px;
height:70px;
background:url(images/tituloGuayaquil.gif) no-repeat;
opacity: 0;
}
.name-footer a{ display:block; line-height:38px; text-decoration:none;}

#name-header{margin-top:10px;margin-left:0px; margin-bottom:0px;}
#name-footer .name-footer{ margin-top:10px;}

#navigation-container {
position: relative;
padding-left:5px;
float: right;
color: #656565;
margin-top:10px;
font-size: 16px;
display: none;
position: relative;
left: 0;
font-weight: normal;
opacity: 0;
}

#numbers-container {
width: 720px;
height: 20px;
margin-left: 0;
}

#numbers {
float: left;
position: relative;
opacity: 0;
}

#navigation-container a, #navigation-menu {
color: #999999;
font-weight: normal;
}
#navigation-container a.active, #navigation-container a:hover {
color: white;
}

/*#numbers a {
margin-right: 12px; text-decoration:none; font-weight:bold;
}*/

#numbers a { display: block; background:#333333; float:left; font-weight:bold; margin:2px; padding:4px 5px; text-align:center; text-decoration:none; font-size: 11px;}

#numbers a.bg-agenda { background:#DDDDDD; color:#333333; }


.case-background {
	background-position: center top; width: 960px; height: 1902px; display: block; background-image: url("images/bg_texture.png"); background-repeat: no-repeat;}
.post {
	width: 960px; height: 1902px; background:#4B596A;
}
.jcarousel-container  .entry-content {height: 550px;}
.jcarousel-container  .case-content-text 
{
	width: 224px; padding-top:25px; padding-left: 50px; float: left; position: relative;
}
.jcarousel-container .container-nav {
float: left;
position: relative;
width: 50px;
text-align: center;
padding-top:95px;
}
.jcarousel-container .container-nav ul {
padding-left: 17px;
padding-top: 2px;
text-align: left;
width: 17px;
}
.jcarousel-container .container-nav li {
height: 16px;
margin-bottom:10px;
}
.jcarousel-container .container-nav li a {
background-image: url("images/ico-media.png");
background-position: bottom left;
background-repeat: no-repeat;
padding-left:20px;
display: block;
width: 40px;
height: 16px;
text-decoration:none;
}
.jcarousel-container .container-nav li a.photo{
background-position: top left;
}
#content .container-nav li.activeSlide a {
/*background-position: top left;*/
color:#fff;
}
.jcarousel-container .case-elements {float: left;width: 560px;position: relative;height: 1500px;text-align:left; margin-left:20px;}
.jcarousel-container .case-elements .video_container{ display:none; width:540px; height:300px; padding:3px;border:solid 1px rgba(255,255,255,0.4); background:#000000;}
.jcarousel-container .case-elements img,.case-elements>div>div{margin:auto;display:block;}
.jcarousel-container .case-elements img.shadow,.shadow{-moz-box-shadow:0 0 25px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);box-shadow:0 0 25px rgba(0,0,0,0.5);}
.jcarousel-container .case-elements>div{height:1500px;width:560px;}
.jcarousel-container .entry-meta, .chart-subtitle, .case-website a, .footer-side-text p, .case-content{
font-size: 14px;
font-weight: normal;
line-height: 18px;
}
.jcarousel-container .entry-meta {
margin-top: 18px;
height: 140px;
line-height: 18px;
height: 162px;
}
.jcarousel-container .entry-meta .more-link a{ margin-top:20px; font-size:16px; display:block;}
.jcarousel-container .entry-meta p{ font-size:14px;}
.jcarousel-container .case-content{padding-top:20px; padding-bottom:20px; padding-left: 50px;float: left; padding-right:50px; clear:both; overflow:auto; font-size:16px; line-height: 20px; text-shadow:1px 1px 1px #333;}
.jcarousel-container .case-content p{ margin-bottom:15px;}
.case-enlarge, .case-reduce{display:block; color:rgba(255,255,255,0.6); text-transform:uppercase; text-decoration:none; background:url(images/icons-text.png) no-repeat right; padding-left:30px; line-height:20px;}
.case-enlarge{ background-position:0px -20px; margin-top:15px;}
.case-reduce{ background-position:0px 0; margin-bottom:15px;}
#content a{color:rgba(255,255,255,0.7);}
#content a:hover{color:rgba(255,255,255,1);}
.case-enlarge:hover, .case-reduce:hover{color:rgba(255,255,255,1);}
.gallery-grid span{width:100px; height:100px; border:solid 1px rgba(255,255,255,0.4); padding:3px; margin-right:10px; margin-bottom:10px; float:left;}
.redes{margin-top:30px;}
.redes div{ margin-bottom:5px;}
.alignright{ float:right; margin-left:10px; margin-bottom:10px;}
.alignleft{ float:left; margin-right:10px; margin-bottom:10px;}
.event{ margin-bottom:20px; float:left; width:400px; height:160px; margin-right:8px; padding:10px; border:solid 1px rgba(255,255,255,0.4); font-size:13px !important; line-height:17px;overflow:hidden; text-shadow:none;}
.event h3{ font-size:18px;}
.event p{ margin-bottom:5px !important;}
.intro-text{ padding-left:400px; font-size:11px; line-height:15px; color:#bbb; padding-top:18px; text-align:right; padding-right:10px; font-family:tahoma;}

html.single{ overflow:auto;}
body.single #footer-container
{
	height: 45px;position:relative; top:auto;
}
body.single #name-header{opacity:1;}
body.single{background:#4B596A;color:#000;}
body.single #container{ float:none; padding:0px; margin:0px;}
body.single #main{ width:960px; color:#000; padding:0px;/* overflow:hidden;*/}
body.single .post{height:auto; /*overflow:hidden; */background:none; padding:0px; margin:0px;}
body.single #header{ margin:0px auto;}
body.single #wrapper{background-position: center top; display: block; background-image: url("images/bg_texture.png"); background-repeat: repeat-x;}
body.single strong{ color:#000;}
body.single #container a{ color:#0E579D;}
body.single .left{ width:300px; float:left;}
body.single .content-main{ width:580px; float:right;}
body.single .content-main p{color:#000; margin-bottom:15px;line-height: 130%;font-size:14px;}
body.single #footer{ margin:0 auto;}
body.single h1{ color:#000; font-size:32px; margin-bottom:20px; margin-top:20px;}
body.single h2{ font-weight:bold;color:#000; font-size:24px; text-transform:none; }
body.single h3{ font-size:20px;color:#999;}
body.single .entry-top, body.single .entry-content{ overflow:hidden; padding:30px;}
body.single .entry-top{ background:url(images/bg-resumen.png) no-repeat center top; padding-bottom:48px;}
body.single .entry-title{ background:#fff;padding:30px; margin:0px;}
body.single .entry-content{ background:#fff;}

.content-main blockquote
{
color: #969595;
font-size: 17px;
font-weight: normal;
line-height: 20px;
width: 180px;
float: left;
margin: 10px 20px 10px 10px;
padding-top: 15px;
padding-right: 11px;
padding-left: 11px;
border-top: 2px dotted #8A8A8A;
border-bottom: 2px dotted #8A8A8A;
}

.widget{font-size:12px;}
.widget .cat-post-item {
margin-top:10px;
margin-left: 4px;
display: inline-block;
width: 272px;
padding-bottom:10px;
border-bottom:solid 3px #eee;
}
.widget .cat-post-item a.post-title, .widget .cat-post-item .comment-num {
font-family: tahoma;
float: right;
width: 140px;
margin-bottom:10px;
}
.widget .cat-post-item a.post-title{ font-size:13px; color:#000; font-weight:bold;}
body.single #container a.post-title{ font-size:13px; color:#000; font-weight:bold;}
.widget .cat-post-item img{	float:left;}
.wp-caption-text {
color: #898989;
margin: 10px;
font-family: tahoma;
font-size: 11px;
border-bottom: 5px solid #D1D1D1;
}
.wp-caption.alignright {float: right;}
.wp-caption.alignleft {float: right;}
.bloque, .widget{margin-bottom:30px;}
.bloque.resumen{height:250px;line-height:130%;padding:10px;margin-bottom:0px;color:#FFFFFF; margin-top:50px; font-size:14px;}
.video{height:340px;background:#000;text-align:center; border:solid 1px #ddd;}
.gallery-grid{ overflow:hidden;}
.gallery-grid span{ border:solid 1px #ddd; padding:3px;}
.bloque.creditos li, .bloque.creditos li b{ margin-bottom:5px; font-size:12px;font-family: tahoma;}
#respond{ margin-top:30px;}
#nav-single{ background:#4B596A; padding:5px; height:25px;}
#nav-single .nav-previous{ float:left; margin-left:10px;}
#nav-single .nav-next{ float:right; margin-right:10px;}
body.single #nav-single a{ color:#FFFFFF; font-family:tahoma; font-size:12px;}
.bloque.creditos{background:url(images/creditos_button.png) no-repeat; margin-top:-30px; padding-left:20px; padding-bottom:30px;}
body.single .bloque.creditos h3{ color:#000000;}
.bloque.galeria{ background:#E4E3D2 url(images/galleria_button.png) no-repeat bottom; margin-top:-30px; width:256px; margin-left:14px; padding-left:10px; padding-right:10px; padding-bottom:63px;}
body.single h3#comments{ text-transform:none;}
.entry-meta{ font-size:12px;}
#disqus_thread{ margin-top:40px;}
#dsq-content .dsq-comment-text p{ font-size:13px; line-height:135%;}
#disqus_thread #dsq-new-post {
padding: 20px;
background: #f3f3f3;
border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
webkit-border-radius: 8px;
khtml-border-radius: 8px;
margin-bottom: 30px;
margin-top:20px;