/*
Theme Name: surdocs
Theme URI: http://www.surdocs.cl/
Author: OFICINA DE ASUNTOS GRAFICOS
Author URI: http://www.asuntosgraficos.com/
*/

* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
}

body{
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
line-height:1.5;
color:#555b59;
background-color:#fff;
text-align:center;
}

#surdocs{
width:820px;
height:auto;
margin:0 auto;
text-align:left;
}

.aside{
width:170px;
padding:15px 20px 0 15px;
height:auto;
float:left;
}

.aside h1{
font-family: Impact, Charcoal, sans-serif;
font-weight:normal;
font-size:54px;
line-height:1;
display:none;
height:135px;
width:170px;
}

.aside h2{
font-family: Impact, Charcoal, sans-serif;
font-size:20px;
line-height:1;
font-weight:normal;
display:block;
width:170px;
color:#c35;
background-color:#fff;
}

.aside h2.fecha{
height:35px;
background-image:url(images/hn_5.gif);
text-indent:-9999em;
}

.aside h3{
font-family: Impact, Charcoal, sans-serif;
font-weight:normal;
line-height:1;
color:#c35;
display:block;
width:170px;
}

.aside h3.puerto{
background-image:url(images/hn_puerto.gif);
text-indent:-9999em;
height:25px;
}

.aside h4{
font-family: Impact, Charcoal, sans-serif;
font-size:12px;
font-weight:normal;
line-height:1;
color:#c35;
display:block;
width:170px;
}

.aside h4.festival{
background-image:url(images/hn_festival.gif);
text-indent:-9999em;
height:45px;
}

.aside h5{
font-size:12px;
font-weight:bold;
color:#808080;
}

ul#menu{
list-style:none;
margin-top:21px;
font-size:14px;
font-weight:normal;
}

ul#menu li{
border-top:1px solid #ccc;
padding:3px 1px 2px 1px;
}

ul#menu ul{
margin-left:18px;
font-size:13px;
list-style:none;
}

ul#menu ul li{
border:none;
padding:1px 0;
}

ul#menu ul ul{
margin-left:18px;
font-size:12px;
list-style:none;
}

ul#menu ul ul li{
border:none;
padding:1px 0;
}


ul#menu li a, ul#menu ul li a {
color:#666;
text-decoration:none;
}

ul#menu ul ul li a {
color:#888;
text-decoration:none;
}

ul#menu li a:hover, ul#menu ul li a:hover {
color:#333;
text-decoration:none;
}

ul#menu ul ul li a:hover {
color:#555;
text-decoration:none;
}

ul#menu li.current_page_item a, ul#menu ul li.current_page_item a {
font-weight:bold;
color:#555b59;
}

ul#menu li.current_page_item a:hover, ul#menu ul li.current_page_item a:hover {
font-weight:bold;
color:#333;
}

.main{
width:600px;
padding:15px 15px 15px 0;
height:auto;
float:right;
}

.main p{
padding-bottom:10px;
}


.main p a {
color:#666;
text-decoration:underline;
}

.main p a:hover {
color:#222;
text-decoration:none;
}



.main h1{
color:#c04;
font-size:24px;
font-weight:normal;
line-height:1.4;
clear:both;
}

.main h2{
color:#c04;
font-size:18px;
margin:2px 0;
line-height:1.4;
clear:both;
}

.main h3{
color:#c04;
font-size:14px;
line-height:1.4;
clear:both;
text-transform:uppercase;
}

.main h4{
color:#c04;
font-weight:normal;
font-size:12px;
line-height:1.4;
clear:both;
}

.main h2 a, .main h3 a, .main h4 a {color:#555b59; text-decoration:none;}

.main h2 a:hover, .main h3 a:hover, .main h4 a:hover {color:#a6b925; text-decoration:none;}


.post{
clear:both;
position: relative;
}

.post .datos{
position: absolute; 
top: 10px; 
left: 10px; 
z-index: 1;
color:#fff;
font-size:14px;
line-height:1.3;
font-weight:bold;
text-shadow: #555b59 0px 0px 3px;
}

.post .datos a{
color:#fff;
text-decoration:none;
}

.post .datos a:hover{
color:#eee;
text-decoration:none;
}


.excerpt{
padding:5px 0;
clear:both;
position: relative; 
}

.excerpt .imagen{
float:left;
width:150px;
height:100px;
overflow:hidden;
margin-right:10px;
}

.excerpt .datos{
float:right;
width:440px;
height:100px;
}

.excerpt .datos a{
color:#555;
text-decoration:none;
}

.excerpt .datos a:hover{
color:#333;
text-decoration:none;
}

.excerpt .clear{
clear:both;
}


.footer{
clear:both;
width:790px;
margin:0 15px 15px 15px;
padding-bottom:10px;
font-size:9px;
border-bottom:1px solid #ccc;
}

.uno{border-top:1px solid #ccc; width:170px; margin-right:20px; margin-top:5px; padding-top:18px; float:left; display:inline;}

.uno p{margin-bottom:9px;}

.uno a{font-weight:bold; text-decoration:none; color:#444;}

.uno a:hover{font-weight:bold; text-decoration:none; color:#222;}

.dos{width:145px; margin-right:10px; float:left; display:inline; background:#fff url(images/punto.gif) repeat-x 0 5px;}

.tres{width:120px; margin-right:10px; float:left; display:inline; background:#fff url(images/punto.gif) repeat-x 0 5px;}

.cuatro{width:205px; margin-right:10px; float:left; display:inline; background: #fff url(images/punto.gif) repeat-x 0 5px;}

.cinco{width:100px; float:left; display:inline; background:#fff url(images/punto.gif) repeat-x 0 5px;}

.seis{width:740px; clear:both;}

.dos, .tres, .cuatro, .cinco{ text-align:center;}

.auspician-itinerante{width:280px; margin-right:10px; float:left; display:inline; background:#fff url(images/punto.gif) repeat-x 0 5px;}

.colabora-itinerante{width:85px; margin-right:10px; float:left; display:inline; background:#fff url(images/punto.gif) repeat-x 0 5px;}

.media-partners-itinerante{width:205px; margin-right:10px; float:left; display:inline; background: #fff url(images/punto.gif) repeat-x 0 5px;}

.auspician-itinerante, .colabora-itinerante, .media-partners-itinerante{ text-align:center;} 

.dos a, .tres a, .cuatro a, .cinco a, .auspician-itinerante a, .colabora-itinerante a, .media-partners-itinerante a{font-weight:normal; text-decoration:none; color:#ccc;}

.dos a:hover, .tres a:hover, .cuatro a:hover, .cinco a:hover, .auspician-itinerante a:hover, .colabora-itinerante a:hover, .media-partners-itinerante a:hover{font-weight:normal; text-decoration:none; color:#aaa;}


.blanco {background-color:#fff; padding:0px 2px;}

ul.vinculos {
list-style:none;
padding-top:15px;
}

ul.vinculos li {
float:left;
}


/* EL EFECTO EN INDEX.PHP */

#slider {
width: 600px; /* important to be same as image width */
height: 400px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin:0;
padding:0;
background:#fcfcfc url(images/loadinfo.gif) no-repeat center center;
}

#sliderContent {
width: 600px; /* important to be same as image width or wider */
position: absolute;
top: 0;
left:0;
margin:0;
padding:0;
}

.sliderImage {
float: left;
position: relative;
display: none;
margin:0;
padding:0;
}

.sliderImage img{
border:none;
}

.sliderImage span {
position: absolute;
width: 600px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #000;
display: none;
}

.sliderImage span strong {font-size: 14px;}

.top {top: 0; left:0; text-align:center;}

.bottom {bottom: 0; left:0; text-align:center;}

.clear {clear: both;}

/* fin */