/*
Theme Name: Creative Commons Chile
Version: 0.2
Author: Oficina de Asuntos Graficos
Author URI: http://www.asuntosgraficos.cl

Oficina de Asuntos Graficos es el estudio del diseñador grafico Felipe Cortez (F.A.C.O.)
*/

body {
background-color:#fff;
color: #333;
padding: 0;
margin: 0;
text-align: center;
font:normal 12px 'Lucida Grande', Verdana, sans-serif;
}

/* ESTO ES PARA EL SOMBRERO  - - - - - - - - - - - - - - - - - - - - - */

#sombrero{
width: 100%;
margin:0;
padding:0;
background-image: url('images/fondo_sombrero.jpg');
background-repeat: repeat-x;
color:#fff;
border-bottom:5px solid #fff;
}

.cabeza{
width:930px;/*Valparaíso Rock!: Probé con auto, y no funcionó bien... seguiré intentándolo*/
margin:0 auto;
padding:0 15px 0 15px;
height: 80px;
background-image: url('images/fondo_sombrero.jpg');/*misión 800x600*/
clear:both;/*misión 800x600*/
}

.logo{
float:left;
padding:20px 0 15px 0;
margin:0;
}

.acciones{
float:right;
padding: 0;
margin:0;
text-align:left;
}

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

	.acciones a:hover{
	color:#FFD400;
	text-decoration:none;
	}

	.acciones p{
	padding: 0;
	margin:0;
	text-align: left;
	font:normal 11px 'Lucida Grande', Verdana, san-serif;
	}
	
	.acciones h4{
	padding: 0;
	margin:0;
	text-align: left;
	font:bold 14px 'Lucida Grande', Helvetica, Arial, san-serif;
	letter-spacing:1px; 
	}

.encontrar{
float:left;
padding: 35px  20px 10px 85px;
margin:0;
background-image: url('images/encuentra.jpg');
background-repeat: no-repeat;
text-align: left;
}

.licenciar{
float:left;
padding: 35px 0 10px 85px;
margin:0;
background-image: url('images/licencia.jpg');
background-repeat: no-repeat;
text-align: left;
}

/* ESO FUE PARA EL SOMBRERO - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA LA VITRINA - - - - - - - - - - - - - - - - - - - - - - */

#vitrina{
margin:0;
padding: 0;
width: 100%;
background-repeat: repeat-x;
background-color: #ADCCC2;
text-align: center;
border-bottom:1px solid #8DA69D;
border-top:1px solid #98B3AA;
color:#000;
float:left;
clear:both;/*misión 800x600*/
}

.vidrio{
margin:0 auto;
padding: 0;
width: 960px;
clear:both;
text-align:center;
background-color: #ADCCC2;/*misión 800x600*/
clear:both;/*misión 800x600*/
}

.anuncio{
margin:0;
padding: 0;
width: 960px;
clear: both;
float: left;
background-color: #ADCCC2;/*misión 800x600*/
clear:both;/*misión 800x600*/
}

.anuncio a{
color:#20464D;
text-decoration:none;
}

.anuncio a:hover{
color:#000;
text-decoration:none;
}

.titulo{
margin:0;
padding: 27px 15px 5px 15px;
color:#1F454D;
font:bold 13px 'Lucida Grande', Helvetica, Arial, san-serif;
float: left;
}

.mas{
margin:0;
padding: 25px 15px 5px 14px;
font:normal 11px 'Lucida Grande', Verdana, san-serif;
color:#1F454D;
float: right;
}

.exposicion{
margin:0;
padding: 0;
width: 960px;
clear: both;
float: left;
text-align:center;
clear:both;/*misión 800x600*/
background-color: #ADCCC2;/*misión 800x600*/
}

.articulo{
margin:0;
padding: 0;
background-color: #fff;
float:left;
width: 200px;
margin:14px 15px 30px 14px;
border-top:1px solid #98B3AA;
border-left:1px solid #98B3AA;
display: inline;
padding: 5px;
height: 285px;
font:normal 9px 'Lucida Grande', Verdana, sans-serif;
line-height: 1.4em;
color:#444;
text-align:left;
}

.articulo a{
color:#FF2A00;
text-decoration:none;
border:none;
}

.articulo a:hover{
color:#FF5500;
text-decoration:none;
border:none;
}

.articulo p{
margin:0;
padding:0 5px 5px 5px;
}

.articulo p img{
margin:0 -5px 0 -5px;
padding:0;
border:none;
}

.ajuste{
width: 960px;
clear: both;
content:".";
color:#ADCCC2;
}

/* ESO FUE PARA LA VITRINA  - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA EL MENU - - - - - - - - - - - - - - - - - - - - - - - */

#menu{
padding:0;
margin:0;
width: 100%;
background-color: #3D8A99;
clear: both;
float:left;
border-top:1px solid #fff;
}

.menu{
width:930px;
margin:0 auto;
padding:0 15px 0 15px;
height: 50px;
background-color: #3D8A99;
font:bold 12px 'Lucida Grande', Helvetica, Arial, san-serif;
color:#fff;
clear: both;
}

.opcion{
margin:0;
padding:0;
float:left;
height:50px;
display:inline;
}
	
	ul#opcion {
		list-style: none; 
		padding: 0; 
		margin: 0px; 
		background-color: #000;
		}

	ul#opcion li {
		text-align: left;
		float: left; 
		height: 50px; 
		margin: 0; 
		border-left: 1px solid #fff;
		padding: 0; 
		}


	ul#opcion li a {
		display: block; 
		padding-top:17px; 
		padding-right:20px;
		padding-left:10px;
		margin:0;
		color: #1F454D; 
		text-decoration: none;
		}

	ul#opcion li a:hover {
		display: block; 
		padding-top:17px; 
		padding-right:20px;
		padding-left:10px;
		margin:0;
		color: #fff; 
		text-decoration: none;
		}


ul#opcion li.current_page_item a, ul#opcion li.current_page_item a:hover {
display: block; 
padding-top:17px; 
padding-right:20px;
padding-left:10px;
margin:0;
color: #fff; 
text-decoration: none;
}

.buscador{
float:right;
padding: 0 10px;
margin:0;
text-align:left;
border-right:1px solid #fff;
border-left:1px solid #fff;
height: 50px;
background-color: #3D8A99;
display:inline;
}

/* ESO FUE PARA EL MENU - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA INTERNET EXPLORER */
#ie{
padding:0;
margin:0;
width: 100%;
height:30px;
background-color: #BFE3ED;
clear: both;
text-aling:center;
text-align:center;
border-top:1px solid #fff;
}

.ie{
width:880px;
margin:0 auto;
padding:0;
height:9px;
text-aling:left;
text-align:left;
font:normal 9px 'Lucida Grande', Vernda, sans-serif;
background-color: #BFE3ED;
clear: both;
padding: 10px 0 11px 20px;
background: url('images/alerta.gif') left center no-repeat;
color:#295C66;
}

.ie a{
color:#1F454D;
text-decoration:underline;
}

.ie a:hover{
color:#1433cc;
text-decoration:none;
}

/* ESO FUE PARA INTERNET EXPLORER */
/* ESTO ES PARA EL CUERPO - - - - - - - - - - - - - - - - - - - - - - - */

#cuerpo{
padding:0;
width: 100%;
margin:0 auto;
background-color: #fff;
float:left;
clear: both;
border-top:1px solid #ddd;
}

#cuerpo h5 {
font:normal 16px Georgia, Times, 'Times New Roman', serif;
line-height:20px;
color:#000;
background-color:#eee;
padding:10px;
margin:10px 0 20px 0;
border:1px solid #ccc;
}

#cuerpo blockquote {
font:normal 11px Georgia, Times, 'Times New Roman', serif;
line-height:15px;
color:#666;
padding:10px;
margin:20px 0;
}

.cuerpo{
padding:0;
width: 960px;
margin:0 auto;
clear: both;
text-align: left;
color:#000;
}

.contenido ul{
line-height:15px;
margin:10px;
padding:10px 10px 20px 10px;
color:#444; 
padding:0;
margin:0;

} 

.contenido ul li {
line-height:15px;
margin:10px;
padding:10px;
color:#444; 
padding:0;
margin:0;
}

.contenido{
padding:0 10px 100px 10px;
width: 430px;
margin:30px 12px 0 12px;/*30px 15px 0px 15px;*/
text-align: left;
color:#000;
border-top: 1px solid #ddd;
float: left;
display: inline;
}


.contenido h1{
padding:0;
margin:25px 0 5px 0;
text-align: left;
color:#000;
font:bold 16px 'Lucida Grande', Helvetica, Arial, san-serif;
letter-spacing:1px; 
line-height: 16px;
text-align: left;
}

.contenido h1 a {
color:#000;
text-decoration: none;
}

.contenido h1 a:hover {
color:#77B300;
text-decoration: none;
}

.contenido p{
padding:0;
margin:0 0 20px 0;
/*font:normal 12px 'Lucida Grande', Verdana, sans-serif;*/
color:#222;
line-height: 18px;
text-align: justify;
}

.contenido a{
color:#0D6C80;
text-decoration:underline;
}

.contenido a:hover{
color:#360;
text-decoration:none;
}

.contenido img{
border:none;
margin:0;
padding:0;
}



.margencillo{
padding:0 2px 50px 3px;/*fue IE, mami*/
margin:0;
}

.sidebar{
padding:0;
width: 480px;
margin:30px 0 15px 0;
text-align: left;
color:#000;
float: right;
display: inline;
}

.extra{
padding:0 10px 50px 10px;
width: 190px;
margin:0 15px 0 15px;
border-top:1px solid #ddd;
text-align: left;
float: left;
display: inline;
}

.extra a{
color:#333;
text-decoration: none;
}

.extra a:hover{
color:#408000;
text-decoration: underline;
}

.extra h2{
font:bold 14px 'Lucida Grande', Helvetica, Arial, san-serif;
line-height: 18px;
padding:0;
margin:25px 0 5px 0;
}

.extra h2 a{
color:#000;
text-decoration: none;
}

.extra h2 a:hover{
color:#690;
text-decoration: none;
}

.extra p{
font:normal 10px 'Lucida Grande', Verdana, sans-serif;
letter-spacing: 1px;
line-height: 14px;
padding:0;
margin:0 0 5px 0;
color:#666;
}

.extra p:hover{
color:#111;
}

.extra ul{
font:normal 11px 'Lucida Grande', Verdana, sans-serif;
line-height:15px;
padding:0;
margin:10px 0 50px 0;
list-style:none;
}

.extra ul li{
list-style:none;
margin:0;
padding:5px 0;
border-top:1px dotted #9fb8b0;
}

.extra ul li a{
color:#333;
text-decoration:none;
}

.extra ul li a:hover{
color:#690;
text-decoration:none;
}

/* ESTO FUE PARA EL CUERPO - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA EL CUERPO - - - - - - - - - - - - - - - - - - - - - - - */
#cierre{
padding:0;
width: 100%;
height: 50px;
clear: both;
float:left;
text-align: left;
color:#000;
border-bottom:1px solid #ddd;
background-image: url('images/fondo_cuerpo.jpg');
background-repeat: repeat-x;
background-position: bottom;
}


#zapato {
background-color:#3D8A99;
width: 100%;
height:190px;
float:left;
margin: 0;
padding: 0;
float: left;
border-top:4px solid #fff;
clear:both;/*misión 800x600*/
}

.pie{
width:960px; /*Valparaíso Rock!: Probé auto, y no funcionó bien... seguiré intentándolo*/
height:190px;
margin:0 auto;
padding:0;
clear: both;
text-align: left;
color:#fff;
text-align:left;
font:normal 9px 'Lucida Grande', Verdana, sans-serif;
background-color:#3D8A99; /*misión 800x600*/
clear:both;/*misión 800x600*/
}

.flash{
padding:0;
width: 450px;
height:125px;
margin:40px 15px 25px 15px;
text-align: left;
float: left;
display: inline;
}

.licencia{
padding:0;
width: 450px;
height:160px;
margin:15px;
text-align: left;
float: left;
display: inline;
}

.licencia a{
color:#fff;
text-decoration:none;
font-weight:bold;
letter-spacing: 1px;
}

.licencia a:hover{
color:#40F9FF;
text-decoration:none;
font-weight:bold;
letter-spacing: 1px;
}

.licencia p{
text-align:justify;
line-height:15px;
margin:0 0 10px 0;
padding:0;
}

/* ESO FUE PARA EL CUERPO - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA LOS DATOS DE POST - - - - - - - - - - - - - - - - - - - - - - - */

.metadata {
	font:normal 9px 'Lucida Grande', Verdana, san-serif;
	display: block;
	margin: 10px 0;
	padding: 5px;
	color: #000;
	background-color:#BFE3ED;
	}
	
.metadata a {
	color: #000;
	}
	
.metadata a:hover {
	color: #1433cc;
	}	
	
.comenta {
	padding: 2px 10px 2px 20px;
	background: url('images/comentario.gif') left center no-repeat;
	margin-right: 10px;
	}
	
.hora {
	padding: 2px 10px 2px 20px ;
	background: url('images/reloj.gif') left center no-repeat;
	}
	
.fecha {
	padding: 7px 10px 7px 20px ;
	background: url('images/calendario.gif') left center no-repeat;
	}	

.categoria {
	padding: 2px 10px 2px 20px;
	background: url('images/etiqueta.gif') left center no-repeat;
	}

.advertencia {
	padding: 2px 10px 2px 20px;
	background: url('images/alerta.gif') left center no-repeat;
	}
	
/* ESO FUE PARA LOS DATOS DE POST - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA LOS COMENTARIOS - - - - - - - - - - - - - - - - - - - - - - - */
	
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #FEFEFE;
border: 1px solid #777;
padding: .2em;
}

#commentform textarea {
width: 420px;
background-color:#FEFEFE;
color:#777;
border: 1px solid #777;
}

.comentarios {
margin:50px 0 0 0;
padding:0;
list-style: none;
}

.comentarios h3{
font:normal 14px 'Lucida Grande', Helvetica, Arial, san-serif;
}

.comentarios ul {
margin:0 0 20px 0;
padding:0;
list-style: none;
}

.comentarios ul li{
margin:0;
padding:10px 0;
list-style: none;
}

.autor-comentario{
margin:20px 0 0 0;
padding:7px 0 5px 0;
border-top:1px dotted #aaa;
border-bottom:1px dotted #eee;
font:normal 11px 'Lucida Grande', Helvetica, Arial, sans-serif;
color:#222;
}

.autor-comentario a{
color:#337380;
text-decoration:none;
}

.autor-comentario a:hover{
color:#337380;
text-decoration:underline;
}

.comentario{
margin:0;
padding:5px 0 15px 0;
color:#555;
}


.comentario p{
margin:0;
padding:5px 0;
color:#555;
}

.comentario a{
color:#337380;
text-decoration:underline;
}

.comentario a:hover{
color:#337380;
text-decoration:none;
}

#termsquestion {
text-align:left;
margin:0;
padding:10px 5px 10px 0;
}

#termsquestion small {
font:normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
text-align:left;
}

/* ESO FUE PARA LOS COMENTARIOS - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA LA PAGINACION - - - - - - - - - - - - - - - - - - - - - - - */

.paginacion {
margin: 0;
padding:60px 0 0 0;
clear:both;
color:#333;
font:normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
}

.paginacion a{
color:#777;
text-decoration:none;
}

.paginacion a:hover{
color:#555;
text-decoration:none;
}

/* ESO FUE PARA LA PAGINACION - - - - - - - - - - - - - - - - - - - - - - - */
/* ESTO ES PARA EL NICETITLE - - - - - - - - - - - - - - - - - - - - - - - */

div.nicetitle {
	background-color: #77B300;
	color: #fff;
	font: normal 11px "Lucida Grande", Verdana, Arial, sans-serif;
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
	width: 25em;
	z-index: 20;
	-moz-opacity: .90;
	text-align:left;
	}

div.nicetitle p {
    margin: 0;
	padding: 0 3px;
	-moz-opacity: 1;
}

div.nicetitle p.destination {
    font-size: 9px;
    padding-top: 3px;
	text-align: left;
	-moz-opacity: 1;
}

div.nicetitle p span.accesskey {
	color: #d17e62;
}

/* ESO FUE PARA EL NICETITLE - - - - - - - - - - - - - - - - - - - - - FIN */