/*
Theme Name: acc_v3
Theme URI: http://www.activaclavecerebro.org/
Author: Oficina de Asuntos Gráficos
*/

*{margin:0; padding:0;}

body{
font-size:11px;
font-family: Georgia, Times, 'Times New Roman', serif;
line-height:1.5;
background-image:url(images/bg-body.gif);
background-color:#2e2e2e/*ff6419*/;
color:#fff;
text-align:center;
}

a{color:#777; text-decoration:none;}

a:hover{color:#777; text-decoration:underline;}

h1{
text-indent:-999em;
background-image:url(images/logo.png);
height:190px;
}

h2{
font-family: Georgia, Times, 'Times New Roman', serif /*Verdana, Tahoma, sans-serif*/;
font-size:18px;
line-height:1.2;
color:#000;
}

h3{
font-family: Verdana, Tahoma, sans-serif;
font-size:14px;
line-height:1.2;
color:#000;
}

.small{
font-family: Verdana, Tahoma, sans-serif;
font-weight:normal;
font-size:10px;
line-height:1.2;
color:#000;
}

#sitio{
width:940px;
padding:20px 10px 0 10px;
margin:20px auto;
background-color:#fff;
color:#333;
text-align:left;
-webkit-box-shadow: 0 0 5px #000;  
-moz-box-shadow: 0 0 5px #00;  
box-shadow: 0 0 5px #000;	
}

#menu {
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:10px;
clear:both;
width:920px;
}

#menu ul{
font-size:11px;
font-family: Verdana, Tahoma, sans-serif;
font-weight:bold;
list-style:none;
}

#menu ul li{
display:inline;
margin-right:20px;
}

#menu ul li a{
color:#000;
text-decoration:none;
}

#menu ul li.current_page_item a{
color:#ff6419;
text-decoration:none;
}

#menu ul li a:hover{
color:#ff6419;
text-decoration:none;
}

#logo{
width:940px; 
height:auto;
padding:10px 0; 
clear:both;
}

#activa{
width:940px; 
height:auto;
clear:both;
}

.index{width:640px; float:left;}

.sidebar{width:300px; float:left;}

.footer{width:920px; clear:both;}
	
	
/* ======================= CUESTIONES DEL INDEX ======================= */

.destacado{
width:618px; 
border:1px solid #000;
margin-right:20px; 
margin-bottom:20px; 
clear:both;
}

.destacado .video{
padding:10px 0;
text-align:center;
}

.destacado .texto{
padding:0 10px 15px 10px;
background-color:#fff;
clear:both;
font-weight:bold;
font-family: Georgia, Times, 'Times New Roman', serif /*Verdana, Tahoma, sans-serif*/;
font-size:16px;
line-height:1.2;
color:#000;
}

.destacado .texto a{ color:#000; }

.destacado .texto a:hover{ color:#000; }

.destacado .datos{
padding:5px 10px;
text-align:right;
background-color:#000;
color:#fff;
font-family:Verdana, Tahoma, sans-serif;
font-weight:bold;
}

	
/* ======================= CUESTIONES DEL SIDEBAR ========================= */

ul.tabs { 
list-style:none; 
margin:0 !important; 
padding:0;
height:30px;
font-weight:bold;
width:300px;
font-size:11px;
font-family: Verdana, Tahoma, sans-serif;
}

/* single tab */
ul.tabs li { 
float:left;	 
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}

ul.tabs a { 
font-size:11px;
display:block;
height: 30px;  
line-height:30px;
text-align:center;	
text-decoration:none;
color:#555;
background-color:#000;
padding:0px;
margin:0px;	
position:relative;
}

ul.tabs a:active { outline:none;}

ul.tabs a:hover { color:#aaa; background-color:#000; }

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-color:#000;	
cursor:default !important; 
color:#fff !important;
}

ul.tabs a.w1 { width:90px; border-right:1px solid #fff;}

ul.tabs a.w2 {width:89px; border-right:1px solid #fff; }

ul.tabs a.w3 { width:119px;}

div.panes div.pane { display:none;}

div.panes div {
display:none;		
padding:10px;
border:1px solid #000;
border-top:0;
background-color:#fff;
width:278px;
height:auto;
}

div.panes div ul{
margin:0 10px;
list-style-type:square;
}

div.panes div ul li{
margin-bottom:5px;
}

.amigos{
clear:both;
padding:10px 0;	
}

.amigos ul{
clear:both;
list-style:none;
}

.amigos ul li{margin-top:10px;}

.amigos ul li img{border:none;}

.licencia{
clear:both;
margin:10px 0 20px 0;
}

.licencia P{
margin:5px 0;
}

/* =================== SINGLE ========================= */

.single{
width:600px; 
margin:0 20px 20px 0; 
float:left; 
/*border:1px solid #000;*/ 
padding:10px;
}

.single .datos{
margin:-9px -9px 9px -9px;
padding:6px 10px 7px 10px;
text-align:left;
background-color:#000;
color:#fff;
font-family:Verdana, Tahoma, sans-serif;
font-weight:bold;
letter-spacing:1px;
}

.single h2{margin-bottom:9px;}

.single p{margin-top:18px;}

/* ===================== COMENTARIOS ========================*/

.comentarios{
padding:27px 0 18px 0;
}

h2#comments{
margin:0;
padding:30px 0;
}

h2#postcomment{
margin:0;
}

ol#commentlist {
list-style:none;
border-bottom:1px solid #ccc;
margin-top:20px;
}

ol#commentlist li{
list-style:none;
padding:10px;
font-family:Verdana, Tahoma, Sans-serif; 
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

ol#commentlist li p{
margin:0 6px 6px 0; 
}

li.bypostauthor {
background-color:#eee;
color:#222;
}

.avatar{
float:left;
margin-right:15px;
}

.espera{
color:#f00;
}

#commentform #author, #commentform #email, #commentform #url {
background-color: #fff;
padding: 2px 5px;
color:#606060;
width:171px;
font-family:Verdana, Tahoma, sans-serif;
font-size:11px;
line-height:1.5;
font-weight:lighter;
border:1px solid #deded9;
}

#commentform textarea {
color:#606060;
width: 588px;
padding: 2px 5px;
margin:0;
background-color:#fff;
border:none;
line-height:1.5;
font-family:Verdana, Tahoma, sans-serif;
font-size:11px;
font-weight:lighter;
border:1px solid #deded9;
}


/* LA VERTICAL */

/* root element for scrollable */
.index .vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 1330px;	 
	width: 640px;
}

.single .vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 620px;	 
	width: 600px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	/* this time we have very large space for height */	
	height:99999em;	
	margin: 0px;
}

/* single scrollable item */
.items .normal{
width:298px;
border:1px solid #000;
margin-right:20px; 
margin-bottom:20px; 
float:left;
display:inline;	
}	
	
	.normal .titulo{
	min-height:100px; 
        padding:10px 10px 0 10px;
	background-color:#fff;
	clear:both;
	font-family:Verdana, Tahoma, sans-serif;
	}
	
	.normal .titulo img{
	margin-right:10px;
	float:left;
	}

	.normal .titulo a{
	color:#000;
	}

	.normal .titulo a:hover{
	color:#000;
	}
	
	.normal .texto{
        min-height:160px; 
	padding:10px;
	background-color:#fff;
	clear:both;
	}

	.normal .texto p{
        margin-bottom:5px;
	}
	
	.normal .datos{
	padding:5px 10px;
	text-align:right;
	background-color:#000;
	color:#fff;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	}


.items .review{
width:600px;
padding:10px 0;
clear:both;
border-bottom:1px dotted #000;	
}

.items .review img{
max-width:200px;
height:auto;
float:left;
padding-right:10px;
}

.items .review .clear{
width:600px;
clear:both;
padding:5px 0;
}


/* the action buttons above the scrollable */
#actions {
font-family:Verdana, Tahoma, sans-serif;
font-weight:bold;
width:620px;
margin:20px 0;	
}

#actions a {
font-size:11px;		
cursor:pointer;
color:#666;
}

#actions a:hover {
text-decoration:underline;
color:#000;
}

.disabled {
visibility:hidden;		
}

.nextPage {
float:right;
}	

blockquote{
font-style:italic;
}