/*
Theme Name: Platano
Theme URI: http://www.wikot.com/
Description: Tema de WordPress desarrollado exclusivamente para Pl&aacute;tano Verde, basado en el tema Sunset v.0.7 de Ankur Savai.
Version: v.1.0
Author: WIKOT Technologies
*/

body { font-family:Verdana, Arial, Helvetica, sans-serif; background: url(img/body_bg.jpg); margin:0; padding: 0; }
h2 span { display:none; }
h2, h3, p, ul, li { margin:0; padding:0; }
ul, li { list-style: none; }
blockquote { padding:0px 15px; margin:10px 50px 5px 50px; background:url(img/quote.gif) no-repeat top left; }
a { color:#970000; }
table tr td { font-size:12px; line-height:18px; }


/* --- Container --- */
#container { width: 818px; background: url(img/container_bg.png) repeat-y; margin:0 auto; }
/* --- For our old friend IE6 --- */
* html #container { background: none; }
#wrap { width:778px; margin:0 auto; }


/* --- Top --- */
#top { background:url(img/top_bg.jpg); width:778px; height:100px; position: relative; }
#top h2 { color:#FEFEFE; letter-spacing:1px; font-size:145%; position:absolute; font-weight:normal; font-family:"Trebuchet MS"; left:58px; top:37px; }
#top h2 a { color:#FEFEFE; background:none; }
#top h2 a:hover { color:#000; }
#top p { position:absolute; display:block; font-family:"Trebuchet MS"; color:#000; font-size:75%; left:300px; top:43px; 	text-align:right; width:350px; }


/* --- Menu --- */
#menu {	background:url(img/menu_bg.jpg) repeat-x; width:778px; height:47px; padding-top:3px;  }
#menu ul { list-style:none; margin-left:5px; }
#menu ul li { display: inline; }
#menu ul li a { height:31px; margin:0 10px; display:block; float:left; }
/*#menu ul li a:hover, #menu li.current_page_item a { color:#000; background:#FFF3D8; }*/
.bot-home { background:url(img/bot_home_on.gif) no-repeat top; width:43px; }
a.bot-home { background:url(img/bot_home.gif) no-repeat top; width:43px; }
a.bot-home:hover { background:url(img/bot_home_on.gif) no-repeat top;}
a.is-home { background:url(img/bot_home_on.gif) no-repeat top;}

.bot-acerca { background:url(img/bot_acerca_on.gif) no-repeat top; width:160px; }
a.bot-acerca { background:url(img/bot_acerca.gif) no-repeat top; width:160px; }
a.bot-acerca:hover { background:url(img/bot_acerca_on.gif) no-repeat top; }
a.is-acerca { background:url(img/bot_acerca_on.gif) no-repeat top; }

.bot-equipo { background:url(img/bot_equipo_on.gif) no-repeat top; width:85px; }
a.bot-equipo { background:url(img/bot_equipo.gif) no-repeat top; width:85px; }
a.bot-equipo:hover { background:url(img/bot_equipo_on.gif) no-repeat top; }
a.is-equipo { background:url(img/bot_equipo_on.gif) no-repeat top; }

.bot-registro { background:url(img/bot_registro_on.gif) no-repeat top; width:115px; }
a.bot-registro { background:url(img/bot_registro.gif) no-repeat top; width:115px; }
a.bot-registro:hover { background:url(img/bot_registro_on.gif) no-repeat top; }

#menu #searchform { margin-right:10px; float:right; }


/* --- Menu Side Bar -- */
#sidebar #menu-cat { background:url(img/bg_menucat.gif) no-repeat top left; margin:0 0 20px 15px; padding:16px 0; _padding:0  }
#menu-cat ul li { margin:3px 0 0 30px; _margin-top:2px; }
#menu-cat ul li a { width:100px; height:23px; display:block; }

.b-home { background:url(img/b-home.gif) no-repeat left top; }
a.b-home { background:url(img/b-home.gif) no-repeat left top; }
a.b-home:hover { background:url(img/b-home_on.gif) no-repeat left top; }
a.b-is-home { background:url(img/b-home_on.gif) no-repeat left top; }

.b-revista { background:url(img/b-revista.gif) no-repeat left top; }
a.b-revista { background:url(img/b-revista.gif) no-repeat left top; }
a.b-revista:hover { background:url(img/b-revista_on.gif) no-repeat left top; }
a.b-is-revista { background:url(img/b-revista_on.gif) no-repeat left top; }

.b-platanius { background:url(img/b-platanius.gif) no-repeat left top; }
a.b-platanius { background:url(img/b-platanius.gif) no-repeat left top; }
a.b-platanius:hover { background:url(img/b-platanius_on.gif) no-repeat left top; }
a.b-is-platanius { background:url(img/b-platanius_on.gif) no-repeat left top; }

.b-texto { background:url(img/b-texto.gif) no-repeat left top; }
a.b-texto { background:url(img/b-texto.gif) no-repeat left top; }
a.b-texto:hover { background:url(img/b-texto_on.gif) no-repeat left top; }
a.b-is-texto { background:url(img/b-texto_on.gif) no-repeat left top; }

.b-audio { background:url(img/b-audio.gif) no-repeat left top; }
a.b-audio { background:url(img/b-audio.gif) no-repeat left top; }
a.b-audio:hover { background:url(img/b-audio_on.gif) no-repeat left top; }
a.b-is-audio { background:url(img/b-audio_on.gif) no-repeat left top; }

.b-imagen { background:url(img/b-imagen.gif) no-repeat left top; }
a.b-imagen { background:url(img/b-imagen.gif) no-repeat left top; }
a.b-imagen:hover { background:url(img/b-imagen_on.gif) no-repeat left top; }
a.b-is-imagen { background:url(img/b-imagen_on.gif) no-repeat left top; }

.b-extras { background:url(img/b-extras.gif) no-repeat left top; }
a.b-extras { background:url(img/b-extras.gif) no-repeat left top; }
a.b-extras:hover { background:url(img/b-extras_on.gif) no-repeat left top; }
a.b-is-extras { background:url(img/b-extras_on.gif) no-repeat left top; }

.b-eventos { background:url(img/b-eventos.gif) no-repeat left top; }
a.b-eventos { background:url(img/b-eventos.gif) no-repeat left top; }
a.b-eventos:hover { background:url(img/b-eventos_on.gif) no-repeat left top; }
a.b-is-eventos { background:url(img/b-eventos_on.gif) no-repeat left top; }

.b-links { background:url(img/b-links.gif) no-repeat left top; }
a.b-links { background:url(img/b-links.gif) no-repeat left top; }
a.b-links:hover { background:url(img/b-links_on.gif) no-repeat left top; }
a.b-is-links { background:url(img/b-links_on.gif) no-repeat left top; }


/* --- Content --- */
#content { width:778px; background:url(img/content_bg.jpg); padding:0; }
#content h2 { color:#970000; font-size:18px; }
#content p { color:#333; font-size:12px; }
#content h2 a, #content h2 a:link, #content h2 a:visited { background: none; color: #970000; padding-bottom: 0; }
#content h2 a:hover { color: #000; }


/* --- Content (single page) --- */
#single_page { width: 515px; padding-top:25px; margin:0 0 0 15px; }
#single_page p { line-height:18px; font-size:12px; padding: 10px 5px 10px 0px; }
h2.arh { padding-top: 25px; }
p.arh { padding-top: 10px; }


/* --- Sidebar --- */
#sidebar { font-size:100%; background:url(img/bg_sidebar.jpg) no-repeat top; width:228px; float:right; line-height:18px; }
#sidebar h2 { padding: 10px 0; font-size: 129%; }
#sidebar li { font-size: 70%; padding-bottom:15px; }
#sidebar li li { font-family:Georgia, "Times New Roman", Times, serif; line-height:23px; font-weight:bold; font-size:11px; padding-bottom:0; }
#sidebar li li a { color:#333333; text-decoration:none; }
#sidebar li li a:hover { text-decoration:underline; }
#sidebar li li ul li { font-size:12px; padding-left:10px; padding-bottom:0; }
#sidebar form { padding:0; margin:0; }
#sidebar .pizarra { background:url(img/bg_pizarra.jpg) no-repeat top; width:218px; height:800px; margin:0; padding-top:53px; }
#sidebar .pizarra a { color:#970000; }
#sidebar #pizcont { width:204px; height:730px; overflow-y:auto; margin:0 0 0 9px; overflow-x:hidden; }
#sidebar #tit_archivos { background:url(img/tit_archivos.gif) no-repeat; width:115px; height:18px; padding:0 0 10px 0; margin-top:20px; }
#sidebar #tit_feed { background:url(img/tit_feed.gif) no-repeat; width:116px; height:17px; padding:0 0 10px 0; margin-top:20px; }
#sidebar #submenu { margin-left:15px; }


/* --- widget calendar --- */
#wp-calendar caption { margin:10px 0 10px 0px; border-bottom:0; }
#wp-calendar td { margin:0; padding:0px 5px; }
#wp-calendar td#today { background: silver; }


/* --- Post Wrap --- */
.flash_home { width:468px; height:290px; margin:0 0 0 40px; padding-top:3px; padding-bottom:25px; }
.post_wrap { background-color:#DED8C3; width:515px; margin:10px 0 10px 15px; padding-top:15px; padding-bottom:15px; float:left; _float:none; }
.post_wrap a { color:#970000; text-decoration:none; }
.post_wrap a:hover { text-decoration:underline; }


/* --- Post Title and Details --- */
.post_title_wrap { width:515px; }
.post_title_wrap p { font-size:12px; }


/* --- Post Title --- */
.post_title { width:460px; float:left; padding-left:10px; }
.post_title h2 { color:#970000; line-height:20px; padding-bottom:1px; }
.post_title h2 a { color:#970000!important; text-decoration:none; }
.post_title p { padding-bottom: 1px; }
span.details { color:#CC7854; font-size:12px; font-weight:bold; }
span.details a { color:#CC7854; font-weight:normal; text-decoration:none; }
span.details a:hover { text-decoration:underline; }


/* --- Post Date --- */
.post_date {

	background: transparent;

	border: 1px solid #FFF3D8;

	padding:1px;

	font-weight: bold;

	width:2.5em;

	font-size: 95%;

	float: left;

	text-align: center;

	display: block;

}



.post_date span.month {

	padding:1px 0px 2px 0;

	background: #FFF8F0;

	width: 100%;

	display: block;

}



.post_date span.day {

	padding:1px 0px 2px 0;

	width: 100%;

	display: block;

	background: #FFF8F0;

	margin-top: 1px;

}


/* --- Post Text --- */
.post_text { width:500px; margin-top:5px; padding-left:10px; }
/*.post_text img { max-width:450px; width:expression(this.width > 450 ? 450 : true); border:none; margin:10px; }*/
.post_text img { max-width:450px; width:450px; border:none; margin:10px; }

.post_text p {

	line-height:18px;

	font-size: 75%;

	padding: 10px 5px;

}





.post_text ul {

	font-size: 75%;

	list-style: none;

	padding-left:75px;

	margin: 10px 0;

}



.post_text ul li {

	margin-bottom:1px;

	background: url(img/icon_li.gif) no-repeat 0 7px;

	padding-left: 20px;

	line-height:20px;

}
.link_more { color:#970000; font-size:10px!important; font-weight:bold; text-decoration:none; }


/* --- Header Category --- */
.cat-header { width:515px; height:120px; margin-left:15px; clear:left; }
.htexto { background:url(img/header_texto.jpg) no-repeat left top; }
.haudio { background:url(img/header_audio.jpg) no-repeat left top; }
.himagen { background:url(img/header_imagen.jpg) no-repeat left top; }
.hextras { background:url(img/header_extras.jpg) no-repeat left top; }
.heventos { background:url(img/header_eventos.jpg) no-repeat left top; }
.hlinks { background:url(img/header_links.jpg) no-repeat left top; }
.hbusqueda { background:url(img/header_busqueda.jpg) no-repeat left top; }
.hequipo { background:url(img/header_equipo.jpg) no-repeat left top; }
.hacerca { background:url(img/header_acerca.jpg) no-repeat left top; }
.hrevista { background:url(img/header_revista.jpg) no-repeat left top; }


/* --- Footer Post --- */
.foot-post { color:#970000; font-size:10px; font-weight:bold; padding:5px 15px; }
.foot-post a { color:#4B6500; text-decoration:none; }
.foot-post a:hover { text-decoration:underline; }
.foot-comment { background:url(img/ico_comments.gif) no-repeat left; padding:0 0 0 18px; margin:0 5px 0 0; }
.foot-author { background:url(img/ico_author.gif) no-repeat left; padding:0 0 0 15px; margin:0 0 0 5px; }


/* --- More Posts --- */
#more_posts { font-weight:bold; font-size:12px; width:515px; height:20px; margin:20px 0 0 15px; float:left; padding-bottom:20px; }
#more_posts span { padding-bottom:1px; }
#more_posts span a { color:#4B6500; font-weight:bold; }
#more_posts span.left { display:block; float:left; }
#more_posts span.right { display:block; float:right; }


/* --- Comments --- */
.leave_comment { width:515px; margin:10px 15px; clear:left; }
.leave_comment h2 { padding-bottom:3px; }
.leave_comment p { line-height:18px; font-size:12px!important; }
.leave_comment p.if_comm { padding:30px 0 5px 0; }


/* --- Comments Box --- */
.comments_box { width:515px; background:#FFFEF7; margin:20px 15px; border:#745638 1px dashed; }
.comments_top { height:20px; font-size:11px; padding:15px 10px 0 14px; }
.comments_post { padding:0px 32px 5px 32px; font-size:11px; line-height:18px; }
#single_page .comments_post p, .comments_post p, .alt_post p, .author_post p { padding:0 0 10px 0!important; }


/* --- Comments (second) --- */
.alt_box { width:515px; background:#FFFFFF; margin:20px 15px; border:#745638 1px dashed; }


/* --- Comments (author) --- */
.author_box {

	width: 392px;

	background: url(img/comm_body_author.gif);

	margin-left: 15px;

	margin-top:20px;

}


/* --- Forms --- */
#commentform { margin-left:15px; }




.f_lcom {

margin:15px 0px 0px 5px;

padding:0 0 35px 0;

width: 430px;

font-size: 95%;

}



.f_lcom p {

	margin:0 !important;

	padding:0 !important;

}



.f_lcom p, .f_lcom input, .f_lcom textarea {

color: #808080;

}



.f_lcom input {

border: 1px solid #E1D9A9;

font-family: tahoma;

font-size:100%;

margin: 10px 10px 0 0;

padding: 4px;

width:180px;

}



.f_lcom textarea {

border: 1px solid #E1D9A9;

margin-bottom: 8px;

margin-top: 10px;

width:420px;

}
.l_bcom { background:#FFFEF7; width:80px!important; margin-top:2px !important; padding-left:0!important; cursor:pointer; }
.f_lcom input:hover, .f_lcom textarea:hover {

background: #FFFEF7;

}


/* --- Search Field --- */
div#find { position:relative; }
input#s { color:#FFFFFF; font-size:10px; background:#9E8F7C; width:150px; height:15px; border:#000000 1px solid; }
label.overlabel { color:#999; }
label.overlabel-apply {	position:absolute; top:41px; left:5px; z-index:1; color:#999; }

/* --- Footer --- */
#footer { background:url(img/bg_footer.jpg) bottom no-repeat; width:778px; height:77px; }
#footer p { color:#FFF; font-size:9px; }
#footer a { color:#FFFFFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer #linkab { width:70px; height:33px; margin-left:247px; margin-bottom:12px; display:block; }
#footer .right { font-size:8px!important; float:right; padding:6px 3px 3px 0; }

/* --- FIX (clear) --- */
.post_title_wrap:after, #content:after, #footer p:after, #sidebar:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }

.clear { clear:both!important; height:1px; margin:0px; padding:0px }