/*
Theme Name: eatip
Theme URI: http://localhost
Description: Tema realizado para eatip.org.ar
Version: 1.0
Author: Luis Kalinsky, Diego Azuaga
Author URI: http://localhost
Tags: 
*/

* { margin: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {border:0; padding:0; margin:0;}

.clear { clear: both; }

hr {display:none;}

body {
	margin:0 auto;
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333333;
	text-align:center;
	background:#E6E6E6 url(img/bg_topmain.png) no-repeat top;
}

a {
	color:#09C;
	text-decoration:none;
}

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


#caja {
	margin:0 auto;
	width:984px;
	text-align:left;
	background: url(img/bg_caja.png);
}

hr {display:none;}


/******************
--- ENCABEZADO ----
*******************/

#header {
	margin:0 auto;
	float:left;
	width:235px;
	background:url(img/bg_topmain.png) no-repeat top left;
}


#header_top {
	width:202px;
	height:479px;
	float:right;
	background: url(img/bg_headerlogo.png) no-repeat top;	
}

div#header_logo {
	width:202px;
	height:470px;
}

div#header_logo ul {padding:0;margin:0;list-style-type: none;}
div#header_logo ul li {display:inline;}
div#header_logo ul li a {
	float:right;
	display:block;
	width:200px;
	height:470px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	background:url(img/eatip_logo.png) top left no-repeat;
}

div#header_logo ul li a:hover {
	background-position:0 -470px;
}

#header h1 {display:none;}

/*****************************
--- DESTACADOS RORATIVOS ----
******************************/

#destacados {
	margin:0 auto;
	padding:40px 0 0 0;
	float:left;
	width:749px;
	text-align:center;
	background: url(img/bg_topmain.png) no-repeat top right;
}

#destacados img {
	float:left;
}

#destacados h3 {
	float:left;
}

#destacados h3 a {
	display:block;
	width:267px;
	height:175px;
}

#destacados h3 a.dest_tx1 { background: url(img/dest_tx1.png); }
#destacados h3 a.dest_tx2 { background: url(img/dest_tx2.png); }
#destacados h3 a.dest_tx3 { background: url(img/dest_tx3.png); }
#destacados h3 a.dest_tx4 { background: url(img/dest_tx4.png); }

.tx_off { display:none}

/*****************************
------ MENU HORIZONTAL -------
******************************/

#menu_hr {
	margin:0 auto;
	padding:7px 0 0 0;
	float:left;
	width:749px;
	height:67px;
	background: url(img/bg_menuhr.png) no-repeat top left;
	font-size:15px;
}

#access {
	display: block;
	float: left;
	margin: 0 auto 0 9px;
	width: 740px;

}

#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#access .menu-header li, div.menu li {
	float: left;
	position: relative;
}

#access a {
	color: #aaa;
	display: block;
	line-height: 44px;
	padding: 0 13px;
	text-decoration: none;
	background:url(img/menuhr_sep.png) no-repeat right 1px;
}

#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}

#access ul ul li {
	min-width: 180px;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}

#access li:hover > a {
	background: #333 url(img/menuhr_seph.png) no-repeat right top;
	color: #fff;
}

#access ul ul :hover > a {
	background: #333;
	color: #fff;
}


#access ul li:hover > ul {
	display: block;
}

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; }

* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff; }

/*****************************
------ MENU VERTICAL  -------
******************************/

#menu_inst {
	margin:0 0 11px 38px;
	padding:0 0 12px 0;
	float:left;
	width:194px;
	background: #F3F3F3 url(img/bg_endmenuinst.png) bottom no-repeat;

}

#menu_inst ul  {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu_inst li {
}

#menu_inst ul li a {
	display:block;
	padding:0 0 0 11px;
	color:#333;
	text-decoration: none;
	font-size:12px;
	line-height:34px;
	background: url(img/bg_botmenuinst.png) center top;
}

#menu_inst ul li a:hover {
	background-position:0 -34px;
	color:#FFF;
}

#contacto {
	margin:0 auto;
	padding:4px 0 0 0;
	float:left;
	width:235px;
	height:180px;
	background: url(img/bg_contacto.png) no-repeat top left;
}

#contacto ul  {
	margin:0;
	padding:0;
	list-style-type:none;
}
#contacto li {
	padding: 10px 0 12px 76px;
	display:block;
	font-size:12px;
	color:#333;
}

#contacto ul li a {
	display:block;
	margin:0 0 3px 0;
	color:#333;
	text-decoration: none;
	font-size:12px;
}

#contacto ul li a:hover {
	color:#000;
}


/*****************************
------ MAIN CONT  -------
******************************/

#titulos {
	margin:0 auto;
	padding:20px 0 0 0;
	float:left;
	width:749px;
	background: url(img/bg_topmain.png) no-repeat top right;
}

#titulos h2 {
	margin:0;
	padding:23px 0 16px 19px;
	font-size:40px;
	text-transform:uppercase;
	font-weight:100;
	letter-spacing:-1px;
	color:#01789A;
	background:url(img/bg_titulos.png) no-repeat bottom left;
}


#main_cont {
	margin:0 0 0 20px;
	padding:5px 0;
	float:left;
	width:729px;
	background: url(img/bg_maincol.png) repeat-y left;
}

#main_izq {
	margin:0 22px 0 0;
	float:left;
	width:515px;
}

#main_der {
	margin:0;
	float:left;
	width:177px;
}

#main_der h4 {
	margin:9px 0 7px 0;
	padding:0;
	display:block;
	width:177px;
	height:39px;
	text-indent:-9999px
}

#main_der h4.tit_agenda { background:url(img/tit_agenda.png) no-repeat; overflow:hidden;}
#main_der h4.tit_categorias { background:url(img/tit_categorias.png) no-repeat;}
#main_der h4.tit_enlaces { background:url(img/tit_enlaces.png) no-repeat; overflow:hidden;}
#main_der h4.tit_novedades { background:url(img/tit_novedades.png) no-repeat;}

#main_der h4 a {
	display:block;
	width:177px;
	height:39px;
}

#main_der h4.tit_enlaces a { background:url(img/tit_enlaces.png) no-repeat top; }

#main_der h4.tit_agenda a { background:url(img/tit_agenda.png) no-repeat top; }


#main_der h4 a:hover { background-position: bottom; }



#main_der ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(img/der_separador.png) repeat-x bottom right; 
}

#main_der ul li a {
	display:block;
	margin:0 0 0 7px;
	padding:4px 13px 8px 5px;
	font-size:12px;
	line-height:12px;
}

#main_der ul li a:hover {
	background:url(img/bg_lnksidebar.png) no-repeat bottom right;
	text-decoration:none;
	color:#F90;
}

#main_der p {
	margin:0 0 0 7px;
	padding:4px 13px 8px 5px;
	font-size:12px;
}


#main_izq h1, #main_izq h2 {
	margin:0 0 13px 0;
	padding:0;
	color:#01789A;
	font-size:31px;
	text-transform:uppercase;
	font-weight:100;
}

#main_izq h3.subtitulo {
	margin:0 0 13px 0;
	padding:0;
	font-size:20px;
	color: #CACACA;
}

#main_izq h3.subtitulo_act {
	margin:0;
	padding:12px 15px 3px 15px;
	font-size:26px;
	color: #CACACA;
	text-shadow:#555 0 1px 1px;}


#main_izq h4 {
	margin:0 0 9px 0;
	padding:0;
	font-size:17px;
	color:#FF9900;
}

#main_izq h5 {
	margin:0;
	padding:0 15px;
	font-size:13px;
	color:#777;
}




#main_izq p {
	margin:0 0 11px 0;
	padding:0;
	font-size:14px;
	color:#444
}

#main_izq ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#main_izq ul li {
	margin:0 0 11px 0;
	padding:0 0 0 14px;
	background:url(img/tab.jpg) no-repeat 0 4px;
}


#main_izq .cont_foto {
	padding:15px 15px 22px 15px;
	background: #FFF url(img/bg_imgfotos.jpg) no-repeat center bottom;
}


.cont_foto_small_libros {
	float:left;
	margin:3px 0 0 0;
	padding:0 10px 17px 10px;
	background: #FFF url(img/bg_imgfotos_small.jpg) no-repeat center bottom;
}

.cont_foto_small {
	float:left;
	margin:3px 0 0 0;
	padding:10px 10px 17px 10px;
	background: #FFF url(img/bg_imgfotos_small.jpg) no-repeat center bottom;
}

.cont_foto_JL {
/*	float:left;*/
	margin:3px 0 0 0;
	padding:10px 10px 17px 10px;
	background: #FFF url(img/bg_imgfotos_small.jpg) no-repeat center bottom;
}



#main_izq .destacado {
	margin:10px 5px 5px 5px; 
	padding:18px 13px 9px 13px;
	background:#FFFFD7 url(img/bg_destacado.png) no-repeat top center;
	font-size:17px;
}

#main_izq .destacado_2 {
	margin:5px; 
	padding:18px 13px 9px 13px;
	float:left;
	width:221px;
	background:url(img/bg_destacado_2.png) no-repeat top center;
}

#main_izq .destacado_3 {
	margin:5px 11px; 
	padding:11px 7px 21px 7px;
	float:left;
	width:221px;
	height:171px;
	background:url(img/bg_destacado_3.png) no-repeat bottom center;
	text-align:center;
	color: #999;
}


#main_izq .destacado h4, #main_izq .destacado_2 h4 {
	margin:0 0 11px 0;
	padding:0;
	color:#444;
	font-size:18px;
}

.navigation { background:url(img/bg_nav_off.png) no-repeat top left; height:18px; }

.nav-alignleft {
	width:256px;
	float:left;
}

.nav-alignright {
	width:256px;
	float:right;
}

.nav-alignleft a, .nav-alignright a {
	display:block;
	background:url(img/bg_nav.png) no-repeat;
	height:18px;
	font-size:13px;
	padding:0 19px;
	color:#FFF;
}

.nav-alignright a {
	text-align:right;
}

.nav-alignright a { background-position:top right; }

.nav-alignleft a:hover { background-position: left -18px; text-decoration:none; }
.nav-alignright a:hover { background-position: right -18px; text-decoration:none; }



.alignright { float:right; text-align:right; }
.alignleft { float:left; text-align:left; padding:0 5px 10px 0; }
.aligncenter { display:block; margin:0 auto }

.hr_sep { display:block; height:30px; background:url(img/bg_hr_sep.png) no-repeat center 3px; border:none;  }

#globo {
	width:513px;
	background: #F2F2F2 url(img/bggloboact.png) no-repeat bottom;
	margin:17px 0 9px 0;
	padding:0 0 25px 0;
	text-align:center;
}

/*****************************
--------- BUSCADOR ----------
******************************/

#cont_bsc {
	margin:0 0 9px 0;
	width:177px;
	height:39px;
	background:url(img/bg_bsc.png) no-repeat;
}

#cont_bsc .imp_bsc {
	padding:11px 0 0 30px;
	width:91px;
	background:none;
	border:none;
	outline: none;
	font-size:12px;
	color:#777; 
}

#cont_bsc .bot_bsc {
	color: #555;
	border:none;
	background:none;
	width:48px;
	height:35px;
	font-size: 11px;
	text-align:right;
}



/***************************
---------- POSTS ----------
****************************/

.post_wrapper{
	clear:both;
	margin-bottom: 50px;
}

.post {
	margin:0 0 15px 0;
	font-size:13px;
}

.post h3 {
	margin:0 0 9px 0;
	padding:0;
	color:#01789A;
	font-size:26px;
	font-weight:100;
	line-height:35px; /*original era 29px*/
	text-align: justify;
}

.post h3 a { 
	color:#09C;
	font-size:26px;
	line-height:35px; /*original era 29px*/
	font-weight:100;
}

.post h3 a:hover {
	color:#00698C;
	background: url(img/bg_posth2.png) repeat-x bottom left;
	text-decoration:none;
	border-bottom:1px dotted #00698C;
}

.meta {
	margin:0;
	padding:0 0 0 25px;
	clear:both;
	background: url(img/ico_cal.png) no-repeat left;
	font-size:11px;
	line-height:23px;
	color:#777;
}

.more-link {
	color:#F90;
	font-size:13px;
	display:inline-block;
/*	float:left;*/
	margin:5px 0 0 0;
	height:18px;
	width:126px;
	line-height:17px;
	background:url(img/leer_mas.png) no-repeat top right;
/*	clear: both;*/
}

.more-link:hover {
	text-decoration:none;
	color:#E88B00;
	background-position: right -18px;
}


/*****************************
---------- FOOTER -----------
******************************/


#footer {
	margin:11px auto 0 auto;
	padding:39px 0 0 0;
	width:984px;
	background: url(img/bg_footer.png) top no-repeat;
	text-align:center;
	font-size:11px;
	color:#666;
}


/* ----------- My Form ----------- */
.cont_forms {
	margin:0 auto;
	width:500px;
	text-align:left;
}

.cont_forms p {
	font-size:12px;
	color:#666666;
	margin:0 0 0 15px;
}
.cont_forms label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:150px;
	float:left;
	font-size:13px;
}
.cont_forms .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:150px;
}
.cont_forms input, .cont_forms textarea, .cont_forms select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #BFBFBF;
	width:310px;
	margin:2px 0 20px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.cont_forms button { 
	clear:both;
	margin-left:159px;
	width: 70px;
	font-size:12px;
}


/********************************
---------- SUBPAGINAS -----------
*********************************/
#subpaginas{
	list-style-type:none;
	position:relative;
	top: -15px;
}

#subpaginas li {
	display:inline;
	margin:0 !important;
	padding:0  !important;
	background:none !important;
	font-size: 12px;
}

#subpaginas li:before {content: " | ";}
#subpaginas li:first-child:before { display: none; }


#recaptcha_area {
	margin:0 0 20px 160px;
}


/************************************
---------- POST DE LIBROS -----------
************************************/

.post_libros {
	margin-left: 110px;
}

.img_libros {
	display:block;
	float:left;
}

/***********************************************
---------- POST con imagen destacada -----------
***********************************************/

.post_con_imagen_destacada.landscape{
	margin-left: 125px;
}

.post_con_imagen_destacada.portrait{
	margin-left: 95px;
}


/***************************************************************
---------- para darle estilos a las listas ordenadas -----------
***************************************************************/

#main_izq ol {
	margin-left:20px;
	padding:0;

}

#main_izq ol li {
	margin:0 0 11px 0px;
}


.color_ol_numbers {
	color:#ff9900;
}
.text_color_ol_li {
	color: #000;
}



/********************************************
---------- extractos justificados -----------
*********************************************/

.post p {
	text-align: justify;
}