/*  
Theme Name: colorcinco
Description: Desarrollado por <a href="http://www.faco.cl" title="Felipe Alberto Cortez Orellana" target="_blank">FACO</a>
Author: FACO
Author URI: http://www.faco.cl
*/

*{
margin:0;
padding:0;
}

html, body{
background-image:url(images/bckgrnd.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#fff;
color:#666;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

h1{font-size:0; text-indent:-9999px;}

h2{
font-weight:normal; 
font-size:20px; 
color:#aaa; 
line-height:1.3; 
letter-spacing:0.02em; 
text-shadow: 0px 2px 2px #eee;
margin-bottom:-10px;
}

h2.bibliografia{ margin-bottom:5px; }

h2.vinculos{ margin-bottom:5px; }

h3{font-weight:bold; font-size:14px; line-height:1.4; letter-spacing:0.05em; text-transform:uppercase; text-shadow: 0px 1px 1px #ddd;}

h4{
font-weight:normal;
font-size:14px;
line-height:1.4;
letter-spacing:0.04em;
}

h5{
font-weight:bold;
font-size:12px;
line-height:1.5;
text-align:left;
}

h6{
font-weight:bold;
font-size:12px;
line-height:1.5;
/*letter-spacing:0.05em;*/
margin-top:10px;
margin-bottom:-10px;
}

p{
font-size:11px;
line-height:1.5;
margin-top:6px;
margin-bottom:5px;
}

a{
color:#ff7300;
text-decoration:none;
}

a:hover{
color:#ff2a00;
text-decoration:none;
}

a:visited{
color:#ff7300;
text-decoration:none;
}

/* DONDE ESTÁ EL LOGO */

#about{
width:100%;
height:200px;
}

#about p{
margin:0;
font-weight:normal; 
font-size:21px; 
color:#bbb; 
line-height:1.3; 
letter-spacing:0.02em; 
text-shadow: 0px 2px 2px #fff;
text-align:justify;
text-justify:inter-character;
}

#about ul { 
width: 900px;
list-style: none; 
margin:0 auto;
padding:70px 0 30px 0;}

#about ul li{ display:inline; }

#about ul li a {
display: block; 
float: left; 
height: 100px;
background-image: url(images/logo.png); 
}

#about ul li a.logo 
{ width: 290px; 
text-indent: -9999px; 
background-position: 0px 0px; 
}
	
#about ul li a.texto { 
width: 605px; 
padding-right:5px; 
background-position: -290px 0px;
color:#bbb;
text-decoration:none; 
}
	
#about ul li a.logo:hover, #cabecera ul li a.logo:focus { 
background-position: 0px 0px; 
}
	
#about ul li a.texto:hover, #cabecera ul li a.texto:focus { 
background-position: -290px 0px;
color:#ccc;
text-decoration:none;  
}


/* EL CONTENIDO */

#contenido{
margin:0 auto;
width:880px;
/*border-top:1px solid #eee;*/
padding:20px 10px 0 10px;
text-align:left;
font-size:11px;
}

/* IZQUIERDA PARA TODO EL SITIO */

.izquierda{
width:625px;
float:left;
}

.clear{
width:625px;
clear:both;
}

/* SUBDIVISIONES EN LA IZQUIERDA: UNO */

.uno{
width:370px;
float:left;
display:inline;
border-right:1px solid #ddd;
padding-right:19px;
margin-bottom:20px;
}

.cartelera{
clear:both;
width:368px;
padding:1px 1px 10px 1px;
}	

.cartelera img{
padding:3px;
border-top:1px solid #ddd; 
border-left:1px solid #ddd;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff/*f0f7f7*/;
width:360px;
height:270px;
}			

.cartelera h3{ color:#ff2a00; }

.cartelera a{ color:#ff2a00; }

.cartelera a:hover{ color:#ff2a00; }

.articulos{
width:368px;
padding:1px;
clear:both;
}

.articulos h3{ color:#00b4d1; margin-bottom:10px;}

.articulos a{ color:#00b4d1; text-decoration:none; }

.articulos a:hover{ color:#00acb3; text-decoration:underline;}

.articulos h4 { margin-bottom:-5px; }

.articulos h4 a{ color:#0084b3; text-decoration:none; }

.articulos h4 a:hover{ color:#00acb3; text-decoration:none; }


/* SUBDIVISIONES EN LA IZQUIERDA: DOS */
	
.dos{
width:190px;
float:left;
display:inline;
padding-left:20px;
padding-right:25px;
}
	
.paletas{
width:188px;
clear:both;
padding:1px;
}	

.paletas h3{ color:#ff7300;}

ul#paletas {
width: 190px;
list-style:none;
}

ul#paletas li.cromatica {
clear:both;
overflow: hidden;
position: relative;
width: 188px;
height: 128px;
padding-bottom:22px;
padding-left:1px;
padding-right:1px;
}

ul#paletas li.cromatica img {
width: 180px;
height: 120px;
padding:3px;
border-top:1px solid #ddd; 
border-left:1px solid #ddd;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff/*f0f7f7*/;
}

ul#paletas li.cromatica h4 a {
bottom: 30px;
margin-left:1px;
display: block;
padding: 3px 9px;
position: absolute;
text-decoration: none;
width: 167px;
height: auto;
color:#e57300;
/*background-image:url(images/noticias.png);*/
background-color:#fff;
font-weight:bold;
}

ul#paletas li.cromatica h4 a:hover {
text-shadow: 0px 1px 1px #ccc;
color:#ff2a00;
}
				
.noticias{
width:190px;
clear:both;
padding:20px 0;
}	
	
.noticias h3{ color:#ff9d00; }			

ul#noticias {
width: 190px;
list-style:none;
}

ul#noticias li.corta {
clear:both;
overflow: hidden;
position: relative;
width: 188px;
height: 128px;
padding-bottom:20px;
padding-left:1px;
padding-right:1px;
}

ul#noticias li.corta img {
width: 180px;
height: 120px;
padding:3px;
border-top:1px solid #ddd; 
border-left:1px solid #ddd;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff/*f0f7f7*/;
}

ul#noticias li.corta h4 a {
bottom: 30px;
margin-left:1px;
display: block;
padding: 3px 9px;
position: absolute;
text-decoration: none;
width: 167px;
height: auto;
color:#e57300;
/*background-image:url(images/noticias.png);*/
background-color:#fff;
font-weight:bold;
}

ul#noticias li.corta h4 a:hover {
text-shadow: 0px 1px 1px #ccc;
color:#ff2a00;
}

a.boton{
clear:both;
display: block; 
padding:4px 6px;
margin:5px -1px 25px -1px;
border-top:1px solid #eee; 
border-left:1px solid #eee;
border-bottom:1px solid #ddd
border-right:1px solid #ddd;
background-color:#c8eded;
color:#777;
text-shadow: 0px 1px 1px #fff;
text-decoration:none;
font-weight:bold;
}

a.boton:hover{
clear:both;
display: block; 
padding:4px 6px;
margin:5px -1px 25px -1px;
border-top:1px solid #eee; 
border-left:1px solid #eee;
border-bottom:1px solid #ddd
border-right:1px solid #ddd;
background-color:#c8eded;
color:#555;
text-shadow: 0px 1px 1px #fff;
text-decoration:none;
font-weight:bold;
}

/*
===============================================================
AHORA VAMOS POR LA DERECHA 
===============================================================
*/

.derecha{
width:229px;
float:left;
border-left:1px solid #ddd;
padding-left:25px;
margin-bottom:20px;
color:#888;
}

.derecha a{ color:#666; text-decoration:none; }

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

.twitter{
clear:both;
}
		
.twitter h3{color:#fbc602; }

.twitter ul{ list-style:none; margin-top:5px;}

.twitter ul li{
padding-top:5px;
padding-bottom:6px;
padding-left:2px;
padding-right:1px;
}

.aktt_more_updates a{ 
clear:both;
display: block; 
padding:4px 6px;
margin:5px -1px 25px -1px;
border-top:1px solid #eee; 
border-left:1px solid #eee;
border-bottom:1px solid #ddd
border-right:1px solid #ddd;
background-color:#c8eded;
color:#777;
text-shadow: 0px 1px 1px #fff;
text-decoration:none;
font-weight:bold;
}

.aktt_more_updates a:hover{
clear:both;
display: block; 
padding:4px 6px;
margin:5px -1px 25px -1px;
border-top:1px solid #eee; 
border-left:1px solid #eee;
border-bottom:1px solid #ddd
border-right:1px solid #ddd;
background-color:#c8eded;
color:#555;
text-shadow: 0px 1px 1px #fff;
text-decoration:none;
font-weight:bold;
}

.sociales{
padding-bottom:25px;
clear:both;
border-bottom:1px solid #ddd;
}

.sociales h3{ color:#8c0; }

.sociales ul{ list-style:none; margin-top:10px;}

.sociales ul li{ padding:7px 0 7px 0;}

.sociales ul li.rss{ 
padding-left:22px; 
background-image:url(images/ico_rss.png); 
background-repeat:no-repeat;
background-position:0 4px;
border-bottom:1px dotted #ddd;
}

.sociales ul li.email{ 
padding-left:22px; 
background-image:url(images/ico_email.png); 
background-repeat:no-repeat;
background-position:0 4px;
border-bottom:1px dotted #ddd;
}

.sociales ul li.facebook{ 
padding-left:22px; 
background-image:url(images/ico_facebook.png); 
background-repeat:no-repeat;
background-position:0 4px;
border-bottom:1px dotted #ddd;
}

.sociales ul li.youtube{ 
padding-left:22px; 
background-image:url(images/ico_youtube.png); 
background-repeat:no-repeat;
background-position:0 4px;
border-bottom:1px dotted #ddd;
}

.sociales ul li.delicious{ 
padding-left:22px; 
background-image:url(images/ico_delicious.png); 
background-repeat:no-repeat;
background-position:0 4px;
}

.encuesta{
padding:30px 0;
clear:both;
border-bottom:1px solid #ddd;
}	

.encuesta h3{ color:#00b377; }

.wp-polls-ans ul li {padding:5px 0;}

.repositorio{
padding:25px 0;
clear:both;
border-bottom:1px solid #ddd;		
}

.repositorio h3{
color:#0098b3;
text-shadow: 0px 1px 1px #ccc;
font-weight:bold;		
}

.datos{
padding:25px 0;
clear:both;		
}								

.datos h3{ color:#2483b3; }

.datos ul{
list-style:none;		
}

.datos ul li{
padding-top:5px;
padding-bottom:6px;
border-bottom:1px dotted #ddd;
font-size:11px;
line-height:1.5;
}


/* 
=============================================================== 
FOOTER 
=============================================================== 
*/

.amigos{
width:880px;
padding-top:20px;
padding-bottom:40px;
clear:both;
color:#7685c6;
background-color:#fff;
border-top:1px solid #ddd;
border-bottom:6px solid #0098b3;
}

.amigos h3{
color:#0098b3;
padding-bottom:15px;
text-shadow: 0px 1px 1px #ccc;
font-weight:bold;
}

.amigos ul{list-style: none;}
.amigos ul li{display:inline;}
.amigos img{border:none;}

/*===============================================================*/

.cinco{
padding-bottom:5px;
}

.diez{
padding-bottom:10px;
}

.quince{
padding-bottom:15px;
}

.treinta{
padding-bottom:30px;
}

/* archivos  */

.info{
clear:both;
display: block; 
padding:4px 6px;
margin:0 -1px 35px -1px;
border:1px solid #eee;
background-color:#edf5f5;
color:#777;
text-shadow: 0px 1px 1px #fff;
text-decoration:none;
}

.info a{
color:#666;
}

.info a:hover{
color:#444;
}

/* EL PAGENAVIIIIIIIII */

.wp-pagenavi{
clear:both; 
padding:10px 0 50px 0;
}

span.pages{
background-color:#eee;
border:1px solid #ddd;
}

span.current{
background-color:#eee;
border:1px solid #ddd;
}

a.page{
background-color:#eee;
border:1px solid #ddd;
}

.extend{
background-color:#eee;
border:1px solid #ddd;
}

.last{
background-color:#eee;
border:1px solid #ddd;
}