/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body { 
	/*background-color: #fffde1;*/
	margin:0;
	/*margin-top: 0px; */
	padding: 0; 
	color: #000000; 
	background: #ba1a00 url(images/background.jpg) repeat-x; 
	font-family: Tahoma, Arial, helvetica, Sans-Serif; 
	font-size: 13px; 
	line-height: 18px; 
}

a:link, a:visited { text-decoration: none; color: #3B3B3B; }
a:hover { color: #DE2123; }
a { outline: none; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 22px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 40px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 17px; }
ul { line-height: 22px; list-style-image: url(images/bullet.gif); }


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
.thumbnail-div img { border: none; }
#wrapper2 { width: 950px; margin: -20px auto 0; padding: 0px 0px 0px 0px; background-color: #FFF; }
.post-wrapper { padding-right: 20px; text-align: justify; }
.home-post-wrap2 { width: 593px; padding: 10px; margin-right: 13px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom: 10px; }
.index-post-wrap { width: 593px; margin-right: 13px; margin-bottom: 10px; float: left; background-color: #FFF; border: 1px solid #EBEBEB; padding: 10px; }
.readmore { background-image: url(images/readmore.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; margin-top: 10px; }
.readmore a:link, .readmore a:hover { color: #393939; }
.thumbnail-home { border: 0px; margin: 0px 0px 0px 0px; }
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
#container { float: right; color: #333; padding-top: 15px; background-color: #FFF; border: 1px solid #CCC; }
#left-div { width: 660px; float: left; }
#left-inside { padding-left: 20px; text-align: justify; }
.textwidget { padding-left: 20px !important; }
.articleinfo { border-bottom: 1px solid #EEEEEE; padding-bottom: 7px; color: #545454; }
.icons { margin-top: 0px; margin-bottom: -5px; margin-right: 10px; }
.thumbnail-div { border: 1px solid #DFDFDF; padding: 4px; margin-bottom: 10px; float: left; margin-right: 10px; display: inline; }
.post-info { color: #6A6A6A; font-size: 12px; }
.post-inside { float: left; width: 245px; }
.post-inside-2 { float: left; width: 450px; }
.logo { float: left; border: 0px; }
.share-div { width: 590px; height: 30px; background-color: #FFF; display: none; }
.headings { color: #FFF; border: 1px solid #323232; font-size: 12px; text-transform:uppercase; font-weight: bold;  display: block; padding-top: 6px; padding-left: 10px; margin-bottom: 10px; width: 96%; height: 23px; background-color: #545454; background-image: url(images/heading-bg.gif); }
.headings a{ color: #FFF; text-decoration:underline; }
.headings a:hover { color: #eee; text-decoration:none; }
.headings-sidebar { color: #000; border: 1px solid #CDCDCD; font-size: 14px; font-weight: bold;  display: block; padding-top: 6px; padding-left: 10px; margin-bottom: 10px; width: 96%; height: 23px; background-color: #E9E9E9; background-image: url(images/heading-bg-2.gif); }


/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles { line-height: 24px; font-size: 30px; margin-top: 0px; }
.titles a:link, .titles a:visited, .titles a:active { font-size: 24px; font-family: Arial;}


/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 560px; background-image: url(images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 540px; display: block; background-image: url(images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; }
.commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite { font-size: 18px; float: left; font-style: normal; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; }
#commentform p { clear: both; }
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist .children li { width: 90%; display: block; margin: 0px; background-color: #FDFDFD; background-image: url(images/comment-children-bg.gif); background-position: left; background-repeat: repeat-y; border: 1px solid #E2E2E4; overflow: hidden; }
.commentlist .children li div { width: 97%; padding: 3%; background-image: url(images/comment-children-top.gif); background-repeat: no-repeat; background-position: top left; }
.commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; }
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image: none; width: 100%; padding: 0px !important; }
.commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px;  font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; }
.commentlist .children li { padding-bottom: 10px; }
.commentlist .children li ul li { padding-bottom: 10px; background-color: #FFF; }
#respond { margin-top: 20px; float: left; background-image: none; }
.commentlist #respond h3, .commentlist #respond a { margin-left: 28px; }
#comments { line-height: 30px; }
.children { clear: both; }
.children .commentmetadata, .children .vcard { background-image: none; }
.children textarea { width: 90% !important; }
.children input { width: 80% !important; }
#cancel-comment-reply-link { display: block; background-image: url(images/comment-close.gif); width: 144px; height: 21px; padding: 5px 0px 0px 23px; font-weight: normal; color: #000000; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#respond div { background-image: none; }
#submit { width: 120px !important; }


/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 10px; }
#commentform #email { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages { width: 950px; float: left; min-height: 100px; background-color: #fff; background-image: url(images/bgred.gif); background-repeat: repeat-x; }
#pages ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px; }
#pages li { float: left; display: block; margin-top: 0px; margin-bottom: 0px; padding: 0px; }
#pages li a:link, #pages li a:visited { float: left; color: #FF0000; display: block; height: 40px; padding-top: 19px; font-size: 13px; padding-left: 15px; padding-right: 15px; margin-bottom: 0px;  font-weight: bold; }
#pages li a:hover, #pages li a:active { color: #FFF; font-size: 13px; margin-bottom: 0px;  font-weight: bold; }
		
		/*---------------[DROPDOWN MENU]---------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul { position:absolute; top:-999em; background-image: url(images/dropdown-bg.png); padding-bottom: 10px; background-position: bottom; background-repeat: no-repeat; }
		.nav li { float:left; position:relative; z-index:99; font-size:12px; }
		.nav a { display:block; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:-10px; top:39px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:210px; top:0px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; padding: 0px; }
		.nav li:hover { background-image: url(images/categories-bg-2.gif) !important; background-repeat: repeat-x !important; background-color: #474747 !important; font-weight: normal !important; }
	    .nav li li a:link, .nav li li a:visited { width: 160px; display: block; background-color: #474747; padding: 10px 30px 0px 30px !important; margin: 0px 0px 0px 0px; border: none !important; font-weight: normal !important; }
		.nav li li a:hover { background-image: none !important; background-color: #1C1B1B !important; border: none !important; color: #FFF !important; }


/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/
#categories { width: 950px; min-height: 36px; background-image: url(images/categories-bg-Red.gif); background-repeat: repeat-x; float: left; background-color: #B20609; border-bottom: 1px solid #840003; }
#categories ul { margin: 0 0 0 6px; padding-left: 0px; list-style-type: none; list-style-image: none; float: left; }
#categories ul li { float: left; display: block; padding-left: 0px; }
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active { display: block; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 8px 6px; float: left; border-left: 1px solid transparent; border-right: 1px solid transparent; }
#categories ul li a:hover { background-image: url(images/categories-bg-2.gif); background-repeat: repeat-x !important; border-left: 1px solid #840003; border-right: 1px solid #ED737A; background-position: top; background-color: #474747; }
#categories li.current_page_item { background-image: url(images/categories-bg-2.gif) !important; background-repeat: repeat-x !important; background-color: #474747 !important; font-weight: normal !important; }

		/*---------------[DROPDOWN MENU]---------------*/
		#nav2 li:hover ul, ul#nav2 li.sfHover ul { top:58px; left: -15px; }
		#nav2 li li:hover ul, ul#nav2 li li.sfHover ul { left:205px; top:0px; }
		#nav2 li { z-index:100; }
		#nav2 li li a:hover, #nav2 li li a:link, #nav2 li li a:visited { color: #FFF; }
		#nav2 li:hover a:link, #nav2 li:hover a:visited, #nav2 li:hover a:hover { color: #FFF; }
		.nav ul, #nav2 ul { position:absolute; top:-999em; background-image: url(images/dropdown-bg.png); padding-bottom: 10px; background-position: bottom; background-repeat: no-repeat; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }


/*------------------------------------------------*/
/*--------------[HOMEPAGE RIGHT BAR]--------------*/
/*------------------------------------------------*/
#home-right { width: 187px; float: right; padding: 10px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; }
#home-right ul { list-style-image: url(images/bullet-home.gif); float: left; padding-left: 34px; }

/*------------------------------------------------*/
/*---------------[HOME CATEGORY BOX]--------------*/
/*------------------------------------------------*/
.home-categories img { border: 4px solid #EEEEEE; float: left; margin-right: 10px; }
.home-categories, .home-categories-comments { width: 280px; min-height: 180px; border: 1px solid #EBEBEB; padding: 10px; margin-top: 10px; margin-right: 10px; float: left; }
.home-categories-comments ul { list-style-image: url(images/comment-icon.gif); }
.home-categories a:link, .home-categories a:hover, .home-categories a:visited { color: #DE2123; text-transform: uppercase; font-size: 15px; font-weight: bold; }


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper { width: 300px; float: left; margin-bottom: 20px; }
		#sidebar { float: right; width: 268px; padding-right: 20px;}
				.sidebar-box { padding-top: 5px; margin-bottom: 0px; }
						.sidebar-box ul{ margin-left: 18px; padding:0; }
						.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #373434; padding: 3px 3px 3px 3px; background-image: none !important; border-bottom: 1px solid #D5D5D5; }
						.sidebar-box ul li { color: #373434 !important; padding: 3px 15px 0 0; }
						.sidebar-box ul li a:hover { width: 100%; display: block; color: #393939; padding: 3px 3px 3px 3px; background-color: #F2F2F2; }


/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
.thumbnail-div-featured { width: 175px; height: 175px; float: left; border: 5px solid #FFF; }
#featured-div { height: 262px; background-color: #E6E6E6; clear: both; border: 5px solid #b70c0d; border-top: 0; }
.featured-content { float: left; width: 450px; margin-left: 10px; margin-right: 10px; font-size:12px; color:#84878E; }
.titles-featured { font-size: 25px; line-height: 30px; margin-bottom: 10px; display: block; }


/*------------------------------------------------*/
/*------------[RANDOM ARTICLES SCROLLER]----------*/
/*------------------------------------------------*/
#scrollable { background-color:#FFFFFF; background-image: url(images/rounded-top.gif); background-repeat: no-repeat; background-position: top; padding:5px 8px 0px 8px; width:347px; min-height:65px; }
#scrollable2 { background-color:#FFFFFF; background-image: url(images/rounded-top.gif); background-repeat: no-repeat; background-position: top; padding:5px 8px 0px 8px; width:347px; min-height:65px; }
#scrollable2 a{margin-right:15px;}
div.items { min-height:66px; margin-left:8px; float:left; width:295px !important; background-color:#FFFFFF; }
div.items a { display:block; float:left; margin-right:8px; width:60px; height:60px; background-color: #E6E6E6; color:#ccc; cursor:pointer; border: 3px solid #E6E6E6; }
div.items a:hover { color:#999; border: 3px solid #40BFF4; }
div.navi { position:relative; top:-30px; left:310px; margin-left:-50px; width:50px; height:0px; }
div.navi span { width:8px; height:8px; float:left; margin:3px; cursor:pointer; }
div.navi span:hover { background-position:0 -8px; }
div.navi span.active { background-position:0 -16px; }
.scrollable input { border: 1px solid #DBDBDB; height: 25px; }
.random-image { width: 44px; height: 44px; border: 4px solid #F2F2E4; float: left; margin-left: 10px; }
.random-content { float: right; width: 210px; }
.random-content a:link { font-size: 13px; }
.random { width: 280px; float: left; margin-top: 10px; }


/*------------------------------------------------*/
/*------------------[RSS FEED AREA]---------------*/
/*------------------------------------------------*/
.feedsubmit { border: 1px solid #DBDBDB; background-color: #FFF; color: #DE2123; height: 27px; float: left; margin-left: 5px; font-size: 10px; padding-bottom: 5px; }
#emailer { border: 1px solid #DE2123; color: #DE2123; height: 15px; float: left; padding: 5px; margin-left: 4px; width: 152px; font-size: 10px; }
.blue-titles { color: #DE2123; font-size: 10px; font-weight: bold; margin-bottom: 5px; display: block; }


/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { clear: both; font-size: 11px; background-color: #FAFAFA; border: 1px solid #CCC; padding: 10px; border-top: 1px solid #e9e9e9; }
		#footer a { color: #000000; font-size: 11px; }
		#footer a:visited { color: #000000; }
		#footer a:hover { color: #000000; text-decoration: underline; }


/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/
.search_bg { height:35px; width:260px; float: left; margin-top: 10px; margin-left: 10px; }
#search { color:#FFFFFF; padding:0; }
#search input { background: #FFF; font-size:11px; color:#B8B8B8; font-family:Tahoma, arial, verdana, courier; width:150px; height:11px; vertical-align:middle; padding:10px; border: 1px solid #E7E7DC; }
#search .input { width:66px; height:31px; background:none; border:none; vertical-align:middle; margin:0; padding:0; margin-left: 10px; }

/*==========================================
===================	NEW =================== 
==========================================*/

#searchform div{
		float: right;
		margin-top: 8px !important;
		width: 212px;
	}

	#searchform div input#s{width: 130px}

p, span, a{font-family: Tahoma, Arial, helvetica, Sans-Serif;}

h2.header-title{
	background:url('http://www.itobisono.com/wp-content/themes/WhosWho/images/noticia.gif') no-repeat;
	border-bottom: 1px solid #e4e4e4;
	font-size: 24px;
	margin: 10px 0 20px 0;
    padding: 6px 0 15px 30px;
}

/*SLIDE*/
#slides {position: relative;}

#slides .slides_container {
	width:940px;
	height:262px;
	display:none;
}

	#slides .slides_container div {
		width:940px;
		height:170px;
		display:block;
	}

	a.prev, a.next{
		height: 34px;
		line-height: 74px;
		opacity: 0.8;
		overflow: hidden;
		position: absolute;
		top: 110px;
		width: 34px;
		z-index: 6;
	}

	a.prev{	background: url("images/prev-btn.png") no-repeat; left: 10px; }
	a.next{	background: url("images/next-btn.png") no-repeat; right: 10px; }

	a.prev:hover, a.next:hover { opacity: 1 }

	.pagination { display: none; }

	hr { background:#efefef; }

/*NOTICIAS*/
div#bloque_noticias{
	float: left;
    margin: 0 20px 30px 0;
    width: 300px;
}

	div#bloque_noticias h2{ text-align: left; }
	
		div#bloque_noticias h2 a {
			font-size: 20px;
			line-height: 25px; 
		}

	div#bloque_noticias a.leer{
		background-color: #B70C0D;
	    color: #FFFFFF;
	    display: block;
	    margin-top: 10px;
	    padding: 3px 5px;
	    text-align: center;
	    width: 55px;
	}

		div#bloque_noticias a.leer:hover{ opacity: 0.8; }

	div#bloque_noticias img{
		background: #FFF url('images/no-image.jpg') no-repeat center;
		border: 1px solid #CCC;
	    float: left;
	    height: 80px;
	   	margin: 5px 10px 0 0;
	    overflow: hidden;
	    padding: 3px;
	    text-align: center;
	    width: 100px;
	}