/*  
Theme Name: asociacion_del_color
Description: Desarrollado por <a href="http://www.asuntosgraficos.com" target="_blank">Oficina de Asuntos Gráficos</a>
Author: Oficina de Asuntos Gráficos
Author URI: http://www.asuntosgraficos.com
*/


* { margin: 0; padding: 0; }

body {
font-family:Arial, Helvetica, sans-serif; 
background-color:#dee3e6;
background-image:url(images/fondo.png);
background-repeat:repeat-x;
background-position:top;
color:#333;
text-aling:center;
font-size:11px;
line-height:1.4;
}

h1 { 
display:none;
}

#cabecera { 
width:100%;
height:80px;
margin:0;
padding:0;
text-align:center;
}

.menu { 
width:950px;
margin:0 auto;
text-align:left;
}

ul#menu {
width: 950px; 
list-style: none;
}

ul#menu li { display: inline; }
	
ul#menu li a {
display: block; 
float: left; 
height: 80px;
background-image: url(images/menu.png); 
text-indent: -9999px;
}

ul#menu li a.logo {
width: 160px; background-position: 0 0;	
}
	
ul#menu li a.asociacion {
width: 160px; background-position: -160px 0;	
}
	
ul#menu li a.socios {
width: 150px; background-position: -320px 0;	
}
	
ul#menu li a.grupos {
width: 160px; background-position: -470px 0;	
}
	
ul#menu li a.biblioteca {
width: 150px; background-position: -630px 0;	
}

ul#menu li a.contacto {
width: 140px; background-position: -780px 0;	
}	
	
ul#menu li a.logo:hover, ul#menu li a.logo:focus {
background-position: 0 -80px;	
}
	
ul#menu li a.asociacion:hover, ul#menu li a.asociacion:focus {
background-position: -160px -80px;	
}
	
ul#menu li a.socios:hover, ul#menu li a.socios:focus {
background-position: -320px -80px;	
}
	
ul#menu li a.grupos:hover, ul#menu li a.grupos:focus {
background-position: -470px -80px;	
}
	
ul#menu li a.biblioteca:hover, ul#menu li a.biblioteca:focus {
background-position: -630px -80px;	
}

ul#menu li a.contacto:hover, ul#menu li a.contacto:focus {
background-position: -780px -80px;	
}	

a { outline: none; }

/* ============== VITRINA ================== */

#vitrina { 
width:100%;
text-align:center;
background-color:#222;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.fotos { 
width:950px;
margin:0 auto;
text-align:left;
}

#imageContainer {
position:relative;
height:160px;
width:950px;
z-index:1;
top:0;
left:0;
}
	
#imageContainer img {
display:none;
position:absolute;
}

#titleContainer {
position:relative;
height:150px;
width:150px;
float:left;
z-index:2;
margin-top:-160px;
padding-top:5px;
padding-left:5px;
/*background-color:#222;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;*/
}

#titleContainer p{
font-size:13px;
color:#fff;
text-shadow: 0px 0px 2px #000;
}

#txtContainer {
position:relative;
height:150px;
width:600px;
float:right;
z-index:3;
margin-top:-160px;
padding-right:40px;
}

#txtContainer p.quote{
font-size:20px;
color:#fff;
text-shadow: 0px 0px 2px #000;
text-align:right;
}


#txtContainer p{
font-size:15px;
color:#fff;
text-shadow: 0px 0px 2px #000;
text-align:right;
}

/* =========== BLOG O PAGE ============== */

#contenido { 
width:940px;
margin:10px auto 20px auto;
text-align:left;
background-color:#dee3e6;
padding:0px 5px;
text-aling:left;
}

h2 { 
margin: 0;
height: 30px;
width:100px;
background-image: url(images/h2.png); 
background-repeat:no-repeat;
text-indent: -9999px;
}

.blog { 
width:500px;
display:inline;
float:left;
display:inline;
}

.blog h2 { 
background-position: 0 0;
}

.page { 
width:500px;
display:inline;
float:left;
display:inline;
}

h2.asociacion  { 
background-position: -500px 0;
}

h2.socios  { 
background-position: -600px 0;
}

h2.grupos  { 
background-position: -700px 0;
}

h2.biblioteca  { 
background-position: -800px 0;
}

h2.contacto  { 
background-position: -900px 0;
}

.agenda { 
width:200px;
float:left;
display:inline;
padding-left:45px;
padding-right:45px;
padding-bottom:12px;
background-image:url(images/lineas.gif);
background-repeat:repeat-y;
}
	
.agenda h2 { 
background-position: -100px 0;
}

.agenda img { 
max-width:200px;
border-top:1px solid #f7fcff;
border-left:1px solid #f7fcff;
border-bottom:1px solid #ebf0f2;
border-right:1px solid #ebf0f2;
margin:-1px;
}

.agenda hr, .buscador hr { 
margin-top:14px;
margin-bottom:14px;
height: 1px;
color: #f7fcff;
background-color: #f7fcff;
border-bottom: 1px solid #ebf0f2;
width: 100%;
}

.buscador { 
width:200px;
float:left;
display:inline;
padding-left:45px;
padding-right:45px;
padding-bottom:45px;
background-image:url(images/lineas.gif);
background-repeat:repeat-y;
}

.buscador h2 { 
background-position: -1100px 0;
}

.buscador input{
font:normal 11px Arial, Verdana, sans-serif;
line-height:16px;
height:16px;
width:190px;
margin:0;
padding:5px;
color:#949391; 
border:1px solid #ccc;
background-color:#fff;
background-image:url('images/find.png');
background-repeat:no-repeat;
background-position:right;
margin-left:-1px;
margin-right:-1px;
}

.buscador p { 
margin:0;
}

.sidebar { 
width:150px;
float:left;
display:inline;
}
	
h2.archivos { 
background-position: -200px 0;
}

h2.siguenos { 
background-position: -300px 0;
}

h2.vinculos { 
background-position: -400px 0;
}

h2.error { 
background-position: -1000px 0;
}

h2.resultados { 
background-position: -1200px 0;
}

.pie { 
width:940px;
clear:both;
text-align:left;
padding:50px 0 0 0;
background-color:#dee3e6;
}

/* =========== MENUDENCIAS GENERALES ============== */

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

a:hover {
color:#f00;
text-decoration:underline;
}

p {
margin:6px 0 6px 0;
}

h3 {
font-weight:bold; 
padding:10px 0 10px 0;
text-shadow: 0px 1px 1px #fff;
font-size:14px;
letter-spacing:0.06em;
color:#222;
}

h3 a{
color:#222;
text-decoration:none;
}

h3 a:hover{
color:#194baf;
text-decoration:none;
}

h4 { 
font-weight:bold;
font-size:13px;
margin-top:-10px;
letter-spacing:0.04em;
color:#444;
}

h4 a{
color:#444;
text-decoration:none;
}

h4 a:hover{
color:#194baf;
text-decoration:none;
}

h5 { 
font-weight:normal;
font-size:12px;
letter-spacing:0.025em;
}

.blog, .page{
font-size:12px;
line-height:1.5;
}

.blog img, .page img{
max-width:500px;
border-top:1px solid #f7fcff;
border-left:1px solid #f7fcff;
border-bottom:1px solid #ebf0f2;
border-right:1px solid #ebf0f2;
margin:6px -1px 0px -1px;
}

.blog ul, .page ul{
list-style-position:inside;
}

.blog ol, .page ol{
list-style-position:inside;
}

.sidebar ul {
list-style:none;
padding-top:5px;
padding-bottom:30px;
}

.sidebar ul li{
padding-top:5px;
}

/* =========== COMENTARIOS ============== */

.comentarios {
padding:10px 0 30px 0;
clear:both;
}

h3#comments{
margin:0;
padding:30px 0;
}

h3#postcomment{
margin:0;
}

ol#commentlist {
list-style:none;
}

ol#commentlist li{
margin-bottom:30px; 
list-style:none;
padding:5px;
}

ol#commentlist li p{
margin:5px 0; 
padding:0;
font-size:11px;
line-height:1.4;
}

li.bypostauthor {
background-color:#edf2f5;
color:#222;
}

.foto{
float:left;
width:70px;
}

.foto img{
background-color:#fff;
padding:2px; 
border:1px solid #d5d9db;
}

.texto{
float:left;
width:400px;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
}

.linea{
clear:both;
width:500px;
}

.linea hr{
border:0;
background:transparent;
}

.espera{
color:#f00;
}

#commentform #author, #commentform #email, #commentform #url {
background-color: #fff;
padding: 2px 5px;
color:#606060;
width:171px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;
font-weight:lighter;
border:1px solid #deded9;
}

#commentform textarea {
color:#606060;
width: 488px;
padding: 2px 5px;
margin:0;
background-color:#fff;
border:none;
line-height:1.5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
border:1px solid #deded9;
}

/* ================ más cosas ================= */

.navegacion{
clear:both;
padding:10px 0 30px 0;
}

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

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

.izquierda{
float:left;
}

.derecha{
float:right;
}

/* ===================== EXTRAS ======================= */

#author-info {
padding: 10px 15px;
border-top:1px solid #ebf0f2;
border-left:1px solid #ebf0f2;
border-bottom:1px solid #f7fcff;
border-right:1px solid #f7fcff;
background-color:#e4e8eb;
margin: 15px 0;
overflow: auto;
}

#author-image {
float: left; 
margin: 0 20px 0 0; 
}

#author-bio h5 {
margin-top:5px;
padding:0; 
}

#author-bio p {
padding:0;
margin:12px 0;
line-height:1.4;
font-size:11px;
text-align:justify;
text-justify:inter-character;
}

/* ========== ENCHULITOS ============ */

strong.search-excerpt { background-color: #10f8f9; }