﻿



/* 



	Theme Name: Revista Capiusa



	Theme URL: http://www.hugoalfaro.com/



	Description: Theme personalizado para Revista Capiusa. 



	Author: Hugo Alfaro



	Author URI: http://www.hugoalfaro.com



	Version: 1.0		



	The CSS, XHTML and Design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php



	Tags: blue, widget ready, fixed width, three columns,  3 colums, widgets, adsense, seo, adsense ready, custom header, gravatar support, sidebar left, sidebar right,  widget sidebar, seo adsense, XHTML, blue theme



*/







/* reset







@charset "utf-8";



/* CSS Document */







*{ margin:0px;} 







p{ margin:0px; color:#fff} 



#content .entry p{ margin:8px 0 3px 0; color:#000} img{ border:0px;}  







#content .entry h2{color:#80b3fd}







#content .entry ul{color:#80b3fd}



#content .entry ul li{color:#80b3fd}











span { margin:0px; padding:0}







body {



 	margin:0px ;



	font-family:"Trebuchet MS", Tahoma, Arial;



	font-size:13px;



	background-image:url(images/bg_page.jpg);



	background-repeat:repeat-x;



	background-position: center top;



	/*display:none */



} 







#wrap {



	margin:0px auto;



	width:895px;



	position:relative



 



}



#header {



 	background-image: url(images/bg_header.gif); 



 	background-position:bottom center;



	background-repeat:no-repeat;



	height:650px;



 }







#header .menu {



	margin:0px 0 0 0;



 	padding: 15px 0 5px 25px;



  	overflow:hidden;



	width:714px;



	height:56px;



  	background-image:url(images/bg_menu.jpg);



	background-repeat:repeat-x;



	position:absolute;



	top:566px;



	left:82px



 



}







 #header .menu span{



 display:none}







.btn { background-image:url(images/menu.jpg); height:45px; background-repeat:no-repeat; display:block; float:left} 







.noticias { background-position:0 0; width:159px}



.noticias:hover { background-position:0 -45px;}



.festivales { background-position:-159px 0; width:200px}



.festivales:hover { background-position:-159px -45px;}



.descargas { background-position:-359px 0; width:164px}



.descargas:hover { background-position:-359px -45px;}



.links { background-position:-523px 0; width:168px}



.links:hover { background-position:-523px -45px;}



 



 #header .search {



	float:right;



	width:338px;



	height: 28px;



	background-image: url(images/bg_search.jpg);



	margin: 11px 10px 0 0;



	color: #FFFFFF;



	padding: 5px 0 0 5px;



}







/*Logo*/



.logo {left:7px;



position:absolute;



top:1px;



z-index:0}











 /*BOTONES FLOTANTES*/



.consiguelarevista { position:absolute; top:350px; left:674px; z-index:99}



.descargarevista {position:absolute; top:327px; left:31px; z-index:99}







.facebook {position:absolute; top:503px; left:83px}



.twitter {position:absolute; top:503px; left:230px}



.myspace {left:575px;



position:absolute;



top:507px;}



.tv {left:768px;



position:absolute;



top:488px;}







/*.descargarevista:hover, .consiguelarevista:hover{filter: alpha(opacity=75); opacity: .7}*/







#contenido{



 background-image: url(images/bg_content2.gif);



 background-repeat:repeat-y;



  margin:0 auto;



  padding:0 0 10px 0;



  overflow:hidden



}







 



/*BOXES HOME*/



.subirybajar{height:70px; left:693px; position:absolute; top:37px; width:117px;}



.subirybajar img:hover{filter: alpha(opacity=75); opacity: .7}



.btn_vermas{position:absolute;}



.ads728{width:728px; height:90px; background-color:#666666; margin:10px auto; /*display:none*/}







/*box noticia*/



.box_noticias {



height:544px; width:825px; margin:0 auto;



background-image:url(images/bg_boxnoticias.jpg); background-repeat:no-repeat; position:relative}







#mainm{ border:1px solid red; width:442px; height:265px}



/*noticia principal*/



.mainnoticia {  



left:25px;



position:absolute;



top:147px;



width:440px;}







.resumenmainnoticia { color:#FFFFFF; padding:5px 10px}







.foto_noticiamain { width:440px; height:271px; overflow:hidden}







/*Box festivales*/



.ultimos_festivales {top:155px; position:relative; overflow:hidden; width:780px; left:33px}



.festivales_cont{width:235px; height:379px; float:left; margin-right:24px; position:relative;}



.thumb_festival { height:250px; text-align:center;}



.resumen_festival { padding:10px 15px; margin:0 auto; line-height:14px; font-size:12px}



.resumen_festival p{ color:#000000}



.resumen_festival p:hover{ color:#fb0254}











/*ULTIMAS noticias*/







.ultimasnoticias {



left:489px;



position:absolute;



top:133px;



width:322px;}







.ultimasnoticias ul { margin:0; padding:0; list-style:none}







.ultimasnoticias li {



 height:105px;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



margin:0 0 7px;



padding:10px 20px;



width:280px;}







.ultimasnoticias li .titulo{



color:#FFFFFF; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:bold; line-height:13px}







.ultimasnoticias li .titulo:hover{



color:#fb0254;}







.ultimasnoticias li .resumen { font-size:11px; color:#FFFFFF; text-decoration:none; line-height:13px}



.ultimasnoticias li .resumen a{ color:#FFFFFF; text-decoration:none;}



.box_noticias span{ font-size:12px; color:#dcfb07; text-decoration:none; display:block; background-image: url(images/bullet_arrow.png); background-repeat:no-repeat; background-position: right center; width:100px; font-weight:bold}











.ultimasnoticias li .thumb_noti { width:107px; height:100px; float:left; margin-right:15px; overflow:hidden}







.ultimasnoticias li .info { float:left; width:155px; }







 



/*box festivales*/



.box_festivales {



height:544px; width:825px; margin:0 auto;



background-image:url(images/bg_boxfestivales.jpg); background-repeat:no-repeat; position:relative }







/*box descargas*/



.box_descargas {



height:731px; width:826px; margin:0 auto; background-image:url(images/bg_boxdescargas.jpg); background-repeat:no-repeat; position:relative; }



.revistas{ left:95px;



position:absolute;



top:267px;}



.revistacont{ height:187px; width:124px; float:left; margin-right:0px}



.revistascont img{ margin:0 auto}



.thumbrevistacont { padding:0px}



.nube{ background-image:url(images/bg_nube.png); width:100px; height:31px; margin:0 auto; padding:18px 0 0 0; color:#d01c5b; text-align:center; font-weight:bold; font-size:12px;}



.nube a{ color:#ff3178; text-decoration:none}







.wallpapers{
left:35px;
position:absolute;
top:561px;
}



.wallpapercont{ 
width:155px;
height:112px; 
/*padding:3px;*/
float:left;
margin-right:8px
}











/*box links*/



.boxlinks{height:544px; width:825px; margin:0 auto;



background-image:url(images/bg_boxlinks.jpg); background-repeat:no-repeat; position:relative}







.boxlinks ul{ 



margin:0 auto;



padding:0;



position:relative;



top:193px;



list-style:square;



width:690px;}







.boxlinks li{ color:#ff3535; font-size:15px; float:left; width:281px; list-style-position:inside; padding:0 0 0 61px}



.boxlinks li a{ color:#000; text-decoration:none}



.boxlinks li a:hover{ color:#ff3535; text-decoration:underline}











/*BOX EVENTOS Y GALERIA*/











#contenido .box_principal .box_eventos,



#contenido .box_principal .box_galeria {



width:281px; float:left; height:435px; padding:10px 20px 0 0; background-image:url(images/linebox.gif); background-repeat:no-repeat; background-position:right; margin-right:20px;}











#contenido .box_principal .box_eventos .foto,



#contenido .box_principal .box_galeria .foto { }







#contenido .box_principal .box_eventos .titentrada,



#contenido .box_principal .box_galeria .titentrada  { padding:5px 0  }







#contenido .box_principal .box_eventos .titentrada a,



#contenido .box_principal .box_galeria .titentrada a  {color:#80b3fd; text-decoration:none; font-weight:bold}



#contenido .box_principal .box_eventos .titentrada a:hover,



#contenido .box_principal .box_galerias .titentrada a:hover{color:#fff;}











#contenido .box_principal .box_eventos .sinopsis p,



#contenido .box_principal .box_galeria .sinopsis p { color:#FFFFFF; }



 



 #contenido .box_principal .ultimospost ul{ margin:0 0 0 15px; padding:0}



 #contenido .box_principal .ultimospost ul li {color:#80B3FD; }



 #contenido .box_principal .ultimospost ul li a{ color:#FFFFFF; text-decoration:none}



  #contenido .box_principal .ultimospost ul li a:hover{ color:#80B3FD; text-decoration:underline}







 



/**BOXES ABAJO**/



#contenido .box_second {



padding:15px 0px;



}











#contenido .box_second .populares {



	background-image: url(images/bg_box_home.jpg);



	width: 300px;



	height: 162px;



	float: left;



}



#contenido .box_second .populares .titulo {



	color: #476c00;



	padding: 5px 18px;



	font-weight: bold;



	font-size: 16px;



}







#contenido .box_second .populares .detalle ul {



margin: 10px 0px 0px 0px;



list-style:none;



padding:0px 0px 0px 18px;



}







#contenido .box_second .populares .detalle li {



	background-image:url(images/bullet_square.gif);



	background-position: 0px 6px;



	background-repeat:no-repeat;



	padding:0px 0px 0px 14px;



}







#contenido .box_second .populares .detalle li a{



	color:#3e4400;



	text-decoration:none;



	}



	



#contenido .box_second .populares .detalle li a:hover{



	color:#cc0c0a;



	text-decoration: underline;



	}



	



.clear {



clear:both;



}







 







.table_search {



	width:320px;



	height:30px; 



}







.table_search td{



padding-top:0px;



}







.input_search  {



	font-size:11px;



	color:#476c00;



	margin-left:5px;



	width: 154px;



}







.btn_search {



	font-size:11px;



	color:#476C00;



	margin-left:5px;



	cursor:pointer;



	border:0px;



	background-color: #F5F6E6;



	padding: 2px 4px;



}







#sidebar_l {



	border:0 solid;



	font-size:0.9em;



	width:183px;



	color:#464646;



	overflow:auto;



	float:left;



}



.sidebar_box{



	margin-bottom:15px;}



 







.sidebar_box_center ul {



	margin:0px;



	padding: 0 0 0 15px;



}







.sidebar_box_center li {



	list-style:none;



	padding: 0 0 0 13px;



	background-image: url(images/bullet_square.gif);



	background-repeat: no-repeat;



	background-position: 0 10px;



	font-size:13px;



	border-bottom:1px solid #f5ef97;



	padding-bottom: 4px;



	padding-top:4px;



 width:141px;



 display:block;



}







.sidebar_box_center li:hover {



background-color:#cd0c0a;



background-image:none;



}







.sidebar_box_center li a{



text-decoration:none;



color:#3e4400;



}







.sidebar_box_center li a:hover{



text-decoration:underline;



color:#FFF;



}







#sidebar_r {float:right;



overflow:auto;



padding:15px 30px 0 0;



width:308px;



		 	}



			



.ads300 {   padding:5px; height:250px; background-color:#666666; display:none}		







.box_ultimasnoticias { background-image:url(images/bg_boxultimasnoticias.jpg); background-repeat:no-repeat; width:300px; 



height:300px; }	







.box_ultimasnoticias span{ display:block; float: right; padding:5px 30px 0 0; }



.box_ultimasnoticias span a{color:#f42f6e; text-decoration:none;}



.box_ultimasnoticias ul{ list-style:none; margin:0; padding:111px 21px 0 44px;}		







.box_ultimasnoticias ul li{ margin:0 ; padding:0 0 0 15px; margin:13px 0 0px; background-image:url(images/bullet_ultimasnoticiasgif.gif); background-repeat:no-repeat; background-position:center left}







.box_ultimasnoticias a{ color:#000000; text-decoration:none; font-weight:bold }



.box_ultimasnoticias a:hover{ color:#f42f6e; text-decoration:underline;}











.box_facebook{ margin:20px 0; }







/*Contenido - Entrada*/







#content {



	display:inline;



 	float:left;



 	width:505px;



	font-size:1em;



	margin-bottom:20px;



	margin-top:0px;



	overflow:hidden;



	padding:15px 0 15px 35px;



 }



 



 



.entry, .entry_comments {



	margin:0 0 0px;



/**	padding: 5px 10px 0 30px;*/



}







.entry_title a { color:#F42F6E; text-decoration:none}



.entry {



background-color:#51cdbb;



}







.entrycats {background-image:url(images/bg_carton.jpg);}



 



 



#entry_comments{



padding:20px 0 0 0;



width:800px;



 }







.entry_title_comments  h2{



font-family:"Trebuchet MS",Tahoma,Arial;



font-size:1.5em;



font-weight:normal;



line-height:1.4em;



margin:0 0 0; color:#fff



}











#content h1 {



color:#fff;



font-family:"Trebuchet MS", Tahoma, Arial;



letter-spacing:1px;



 font-weight:bold;



display:block;



 line-height:1.1em;



margin:0 0 0px;



font-size:33px;



color:#f42f6e;



background-image: url(images/h1_back.gif);



background-repeat:no-repeat;



background-position: left center;



background-color:#000000;



padding:15px 30px;



  }



.entry a {



	color: #fff; text-decoration:none



}







.entry a:hover {



	color: #cc0c0a; text-decoration:underline



}



.entry_content .entry_paragrap {



	color: #fff;



	padding-bottom:20px; overflow:hidden



}







.entry_content .entry_important {



	color: #98a800;



	font-weight:bold;



	font-size:17px;



	padding:10px 0px; overflow:hidden;



	



	}











.entry_content {



padding:10px 20px; color:#000000; overflow:hidden}







   



.entry_pic{ background-color:#000033; float:right; width:285px; height:200px; margin:9px 0 0 0}







/*.entry_content, .entry_content_comments {



	background-image: url(images/bg_entry_content.gif);



	background-repeat: repeat-y;



	padding: 0 20px 0px 25px;



}*/



 



.entry_meta {



	color:#999999;



	font-family:arial;



	font-size:0.9em;



	overflow:hidden;



	padding: 6px;



	width:107px;



	font-weight:bold;



	text-align:center;



	background-color:#cf186a; color:#FFFFFF



}







 







.entry_content_comments ul {



	margin:0px;



	padding:10px 0  0 0



}



 .entry_content_comments li {



	list-style:none;



	margin:0px 0 10px 0;



	padding:0px;



}















 .comment_avatar {



	width: 90px;



	background-image: url(images/bg_comment_info.gif);



	float: left;



	background-repeat: no-repeat;



	background-position:right top;



}



.comment_data {



	float: left;



	width: 535px;



	background-color: #032962;



	padding: 4px 20px;



}







.comment_data p{



color:#fff;



}



.comment_data a{



	color:#fff;



	text-decoration:none;



}







.comment_info {



	color: #83875a;



	font-size: 12px;



	margin-top: 6px;







}







/***/



.entry_content_addcomments {



 	padding: 0 20px 5px 25px;



}







.entry_content_addcomments ul {



	margin:0px;



	padding:10px 0  0 0



}



.entry_content_addcomments li {



	list-style:none;



	margin:0px 0 3px 0;



	padding:0px;



}







/**a*/







.comment_add {



	width: 75px;



	background-image: url(images/bg_comment_info.gif);



	float: left;



	background-repeat: no-repeat;



	background-position:right top;



	padding: 5px 15px 10px 0;



	color: #fff;



	font-size: 15px;



	font-weight: bold;



	text-align: right;



}







.input_nombre {



	width: 290px;



	color: #fff;



	border:0;



	font-size: 12px;



	background-color:#032962







}



.input_comentario {



	width: 320px;



	font-family:Arial, Helvetica, sans-serif;



	background-color:#032962;



	color:#FFFFFF;



	height:100px;



	border:0;



	font-size: 12px;







}



.btn_comentar {



	background-image: url(images/bg_btn_comentar.gif);



	height: 38px;



	width: 101px;



	color:#476c00;



	font-size: 14px;



	font-weight: bold;



	border:0px;



	cursor:pointer;



	float: right;



	margin: 5px 10px;



}



.box_adfeatured {



	float: right;



	width: 159px; padding: 19px 0 15px 1px;



	background-image:url(images/bg_box_ultimasrecetasintera.jpg); background-repeat:no-repeat;



	height:216px



}







.box_adfeatured ul {



	margin:0;



	list-style:none;



	padding:0px 0px 0px 6px;



}







.box_adfeatured li {



	list-style-type:none;



	background-image:url(images/bullet_arrow.png);



	background-repeat:no-repeat;



	background-position:1px 7px;



	color:#FFFFFF;



	padding:3px 0px 3px 10px;



	margin: 0px;



}







.box_adfeatured li a{



	color:#FFF;



	text-decoration:none;



}







.box_adfeatured li a:hover{



	color:#dfd332;



	text-decoration:underline;



}















 



.box_ad_inline {



	display: none;



}



.cont_category_post {



 	width: 420px;



	border:2px solid #fff;



	background-color:#39bfad;



	margin: 0 15px 15px 0;



	padding:23px 25px 19px 15px;



	height: 105px;



	position:relative;



   	}



	



.post_foto{width:135px; float:left; margin-right:10px; text-align:center; overflow:hidden; height:115px; }



.post_foto img{  }



	



.post_sinopsis p{ color:#000}



.fecha{ position:absolute; top:0; right:0; display:block; background-color:#f32363; color:#fff; padding:2px 5px; font-size:11px}







.cont_category_post .seguir {



background-image:url(images/bullet_arrow.png);



background-position:right center;



background-repeat:no-repeat;



color:#DCFB07;



font-size:12px;



padding-right:15px;



font-weight:bold;



text-decoration:none;



width:100px;



}



.cont_category_post a{



color:#fff;



text-decoration:none;



 font-size:18px}



 



.cont_category_post a:hover{



color:#F32363



}



	



.cont_category_post h2 {



	margin:0px;



	padding:0px;



	font-size: 15px;



	font-weight:bold;



}











.receta_comentarios a {color:#000}







 



/**GALERIA HOME*/







#simplegallery1{ 



position: relative; /*keep this intact*/



visibility: hidden; /*keep this intact*/



}







.desc {



font-size:10px



}







.ucomment{



color:#000; 	float: left;



  	padding: 4px 5px 4px 20px;



}



 



/*.ucomment p{



	float: right;



	width: 265px;



	display:block;



	background-color: #f5f6e6;



	padding: 4px 11px;



}*/



.comment_avatar 



{float:left; width:48px; text-align:center; font-size:11px; padding-right:20px;}







.ucomment_meta_dt{float:left; width:18px}











/**FOOTER LINKS*/







#footer {



color:#56d2c7;



 



}







/**FOOTER**/







#footer {



	color:#56d2c7;



	padding: 15px 10px;



	background-color:black; 



	font-size:11px;



	height:20px;



 }







#footer a{



	color:#56d2c7



}







#footer a:hover{



	color:#0045ab



}















.footer_cont{ width:850px; margin:0 auto;}



 







.entry_content .entry_paragrap {



	color: #3e4400;



	padding-bottom:20px; 



}







.entry_content .entry_important {



	color: #98a800;



	font-weight:bold;



	font-size:17px;



	padding:10px 0px;



	



	}



	















/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 0px;



	margin: 0 0 5px 10px;



	border:2px solid #fff;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left;



	}



	



	



	/******** ESTILOS DE LA PAGINA INTERNA QUE SE DIVIDE EN DOS*************/



	



	.formcontainer {float:left; width:500px; color:#FFFFFF; padding:20px 0px}



	.internaltxt {float:left; width:388px; margin-right:10px; color:#FFFFFF; padding:20px 10px}