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

body {
	background: #CCCFB3;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 70%;
	font-family: Tahoma,Verdana,'Sans-serif';
	text-align: center;
}

h1 {
	margin:0;
	padding:0;
	line-height: 0;
	font-size: 0;
	color: #fff;
	text-indent:-9000px
}
h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight: normal

}
ul, dl, li, ol, dt, dd {
	margin:0;
	padding:0;
	list-style: none;
}

a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration: underline
}
img {
	border:0
}

p {
	margin: 0;
	padding:0;
}

form,
fieldset,
label,
input,
select,
textarea,
legend {
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 100%;
	font-family: Tahoma,Verdana,'Sans-serif';

}
input,
select,
textarea { /*border: 1px solid #ccc;  /*height: 1.4em;*/ }
label { 

	color:#0000FF;
}
select { 
	border: 1px solid #ccc;
	width: 265px;
	/*height: 19px */
}

fieldset,
legend {
	border: 0
}
form {
	display: inline
}
button {
	border:medium none
}
table {
	width: 100%;
}
table, td, tr {
	padding:0; 
	border:0;
	margin: 0;
	border-collapse:collapse;
}
tr, td { 
	vertical-align: top; 
}
:focus {
	outline: 0;
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/***************************** general begin *****************************/
.wrapper { margin: 0 auto; padding: 0; width: 978px; background: #fff; text-align: left; }

.content { padding: 10px }
	.content .container { float: left; width: 593px }
	.content .container2 { float: left; width: 762px }
	.content .column_extra { float: right; width: 349px }
	.content .column_extra2 { float: right; width: 177px }
	.content .column_med { float: right; width: 431px }
	.content .column_med2 { float: right; width: 595px }
	.content .rubros { float: left; width: 148px }


/***************************** banners begin *****************************/
.banner_top { background: url(../img/tit_publicidad.gif) no-repeat 99% 10px #fff; padding: 5px 10px; border-bottom: 1px solid #CCCFB3; text-align: center }

/***************************** header begin *****************************/
.header { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; padding: 10px }

	.header .logo { float: left; display: block; background: url(../img/logo.gif) 0 0 no-repeat; width: 259px; height: 79px; margin: 0 5px 0 0; text-indent: -9000px }
		.header .box_login { float: left; width: 220px; background: #fff; margin: 5px 0 0 0; border-bottom: 3px solid #E5E5D8 }
		.header .box_login ul { background: url(../img/bkg_loguin.gif) repeat-x #609F73; padding: 3px 5px }
			.header .box_login ul li { float: left; padding: 0 10px }
			.header .box_login img { float: left; padding: 6px 8px 6px 6px }
			.header .box_login p { padding: 6px 5px }
				.header .box_login ul li a { font-weight: bold; color: #fff; text-transform: uppercase; font-family: Arial,Tahoma,Verdana,'Sans-serif'; }

	.header .zona { float: left; padding: 0 0 0 15px; margin-top: -10px; width: 245px; text-align: center; font-size: 120%; color: #D4D4D4 }
		.header .zona li { float: left; width: 80px }
		/*.header .zona li.selected { color: #727272 }*/
		.header .zona li.norte { color: #727272 }
			.header .zona li a { display: block; width: 73px; height: 73px; text-indent: -9000px }
			.header .zona li a.norte { background: url(../img/bot_zona_norte_of.gif) no-repeat }
			.header .zona li a.sur { background: url(../img/bot_zona_sur_of.gif) no-repeat }
			.header .zona li a.oeste { background: url(../img/bot_zona_oeste_of.gif) no-repeat }
			.header .zona li.selected a.norte { background: url(../img/bot_zona_norte_on.gif) no-repeat }
			.header .zona li.selected a.sur { background: url(../img/bot_zona_sur_on.gif) no-repeat }
			.header .zona li.selected a.oeste { background: url(../img/bot_zona_oeste_on.gif) no-repeat }
			
	.header .banner { float: left; margin: 5px 0 0 0 }

/***************************** menu begin *****************************/
.menu { background: url(../img/bkg_menu.gif) 0 0 repeat-x #407F38; border-bottom: 1px solid #fff; padding: 5px; text-align: center; font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; font-size: 120% }
	.menu ul { padding: 5px 0 8px 0 }
		.menu ul li { display: inline; background: url(../img/separador_nav.gif) 100% 50% no-repeat; padding: 6px 10px }
		.menu ul li:first { background: none }
			.menu ul li a { color: #fff; font-weight: bold }
			.menu ul li a:hover { color: #84F76C; text-decoration: none }



/***************************** buscador begin *****************************/
.buscador { background: url(../img/bkg_footer.gif) 0 0 repeat-x #2B3647; padding: 12px 10px  }
	.buscador ul li { display: inline }
		.buscador label { float: left; color: #ccc; font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; font-size: 180%; font-weight: bold; padding: 2px 10px 0 35px }
		.buscador span { display: block; float: left; border: 1px solid #B3B3B3; margin-top: 2px }
			.buscador span span { border: 1px solid #D1D1D1; margin-top: 0 }
				.buscador span span input { float: left; border: 1px solid #E8E8E8; width: 24em; color: #999; padding:4px}
		.buscador button { float: left; background: url(../img/bot_buscar.gif) no-repeat; width: 96px; height: 31px; margin: 0 0 0 20px; text-indent: -9000px }

/***************************** footer begin *****************************/
.footer { position: relative; background: url(../img/bkg_footer.gif) 0 0 repeat-x #2B3647; padding: 15px 10px 10px; text-align: center; font-size: 90%; color: #99CCFF }
	.footer ul { padding: 0 0 8px 0 }
		.footer ul li { display: inline }
			.footer ul li a { color: #99CCFF }
			.footer a.toolbox { position: absolute; top: 55px; right: 8px; display: block; background: url(../img/logo_tbx.gif) no-repeat; width: 42px; height: 11px; text-indent: -9000px }


/***************************** box begin *****************************/
.box_grey { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 0; clear: left; width: 100% }
	.box_grey span { position:relative; float: left; display: block; margin: 0 -1px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; padding: 15px 0; width: 100% }


.box_color { border-top: 1px solid #CFF1C1; border-bottom: 1px solid #CFF1C1; margin: 0 0 10px; padding: 0; clear: left; width: 100% }
	.box_color span { position:relative; float: left; display: block; margin: 0 -1px; border-left: 1px solid #CFF1C1; border-right: 1px solid #CFF1C1; background: #CFF1C1; padding: 10px 0; width: 100% }

		.column_extra .box_color div { background: #fff; border-top: 3px solid #C7E5BA; padding: 0 10px 10px; margin: 0 10px; text-align: left }
			.column_extra .box_color div p { padding: 5px 0 }
			
.box_color2 { border-top: 1px solid #e4e6d1; border-bottom: 1px solid #e4e6d1; margin: 0 0 10px; padding: 0; clear: left; width: 100% }
	.box_color2 span { position:relative; float: right; display: block; margin: 0 -1px; border-left: 1px solid #e4e6d1; border-right: 1px solid #e4e6d1; background: #e4e6d1; padding: 10px 0; width: 100% }

.box_clima { border-top: 1px solid #ECEFF3; border-bottom: 1px solid #ECEFF3; margin: 0 0 10px; padding: 0; clear: left; width: 100% }
	.box_clima span { position:relative; float: right; display: block; margin: 0 -1px; border-left: 1px solid #ECEFF3; border-right: 1px solid #ECEFF3; background: #ECEFF3; padding: 10px 0; width: 100% }

		.box_clima h4 { float: left; background: url(../img/tit_tiempo.gif) 10px 0 no-repeat; width: 108px; height: 15px; text-indent: -9000px }
		.box_clima .select { position: absolute; top: 10px; right: 10px; float: left; display: block; border-top: 1px solid #ADADA7; border-bottom: 1px solid #ADADA7; margin: 0; padding: 0; }
			.box_clima .select span { position:relative; float: left; width: 210px; display: block; margin: 0 -1px; border-left: 1px solid #ADADA7; border-right: 1px solid #ADADA7; background: #ADADA7; padding: 1px 0 1px 5px }

			.box_clima .select span li { display: none; }
			.box_clima .select span a { color: #fff; }
			.box_clima .select span a:hover { text-decoration: none; color: #333 }
			.box_clima .select span a.fl { float: right; display: block; background: url(../img/ico_flecha_drop2.gif) 0 5px no-repeat; width: 8px; height: 10px; margin: 0 5px 0 0; _margin: 0 2px 0 0; text-indent: -9000px }

		.box_clima ul { width: 95%; margin: 20px auto 5px }
			.box_clima ul li { position:relative; float: left; width: 29.5%; height: 45px; padding: 0 0 0 3%; color: #666; padding-top: 10px; border-right: 1px solid #ccc }
				.box_clima ul li big { display: block; font-family: Arial,Tahoma,Verdana,'Sans-serif'; padding-top: 5px; font-size: 125%; color: #333 }
					.box_clima ul li big strong { color: #CC0000 }

			.box_clima .img { position: absolute; right: 5px; top: 0; display: block; margin: 5px 0 0; }
			.box_clima .img img.hover { opacity:0.50; filter: alpha(opacity=50); }


.mas { float: right; color: #006600; font-size: 110%; text-decoration: none; margin: 0 15px }
.box_color .mas { font-size: 100% }

.ver_mas { float: right; color: #999; font-size: 100%; text-decoration: none; margin: 0 15px }

.recomienda { position: relative; float: right; background: url(../img/ico_recomienda.gif) 0 50% no-repeat; display: block; font-size: 100%; color: #78808F; padding: 0 7px 0 22px; font-weight: bold; margin: 7px 0 10px }
.recomienda:hover { text-decoration: none }

.estreno { float: right; background: url(../img/ico_estreno2.gif) 0 0 no-repeat; display: block; font-size: 100%; color: #666; padding: 2px 0 0 25px; font-weight: bold}

.button {
    /*float: right;*/
    display: block;
    border-top: 1px solid #636363;
    border-bottom: 1px solid #3D3D3D;
    /*margin: 10px 10px 0;*/
    padding: 0;
    cursor: pointer }
 
.button span {
    position:relative;
    float: left;
    display: block;
    margin: 0 -1px;
    border-left: 1px solid #636363;
    border-right: 1px solid #636363;
    background: url(../img/bkg_button.gif) repeat-x #3D3D3D;
    padding: 2px 10px 4px;
    width: auto;
    color: #fff;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: bold }
   
 
.button_form { float: right; 
			   display: block; 
			   border: 1px solid #636363; 
			   background: url(../img/bkg_button.gif) repeat-x #3D3D3D; 
			   margin: 10px 10px 0; 
			   padding: 2px 10px 4px; 
			   cursor: pointer; 
			   color: #fff; 
			   font-size: 110%; 
			   height: 23px; 
			   text-transform: uppercase; 
			   font-weight: bold; 
			   overflow: visible }
/*.button { 	float: right; 
			display: block; 
			border: 1px solid #636363; 
			background: url(../img/bkg_button.gif) repeat-x #3D3D3D; 
			margin: 10px 10px 0; 
			padding: 2px 10px 4px; 
			cursor: pointer; 
			color: #fff; 
			font-size: 110%; 
			text-transform: uppercase; 
			font-weight: bold; 
			overflow: visible;
			height: 23px; }*/
/*.button { 
    float: right; 
    display: block; 
    border-top: 1px solid #636363; 
    border-bottom: 1px solid #3D3D3D; 
    margin: 10px 10px 0; 
    padding: 0; 
    cursor: pointer }
*/	
.button span { 
    position:relative; 
    float: left; 
    display: block; 
    margin: 0 -1px; 
    border-left: 1px solid #636363; 
    border-right: 1px solid #636363; 
    background: url(../img/bkg_button.gif) repeat-x #3D3D3D; 
    padding: 2px 10px 4px; 
    width: auto; 
    color: #fff; 
    font-size: 110%; 
    text-transform: uppercase; 
    font-weight: bold }
    
.button_registrar { 
         
        /*float: right;*/
        display: block; 
        margin: 15px; 
/*        margin: 10px 10px 0;         */
        border-top: 1px solid #636363; 
        border-bottom: 1px solid #3D3D3D;        
        border-left: 1px solid #636363; 
        border-right: 1px solid #636363; 
        background: url(/img/bkg_button.gif) repeat-x #3D3D3D; 
        padding: 2px 10px 4px; 
        width: auto; 
        color: #fff; 
        font-size: 110%; 
        text-transform: uppercase; 
        font-weight: bold }
        
.button_serv { float: right; margin: 3px 42px 0 0 }

.button2 { float: right; display: block; border-top: 1px solid #8E8D72; border-bottom: 1px solid #8E8D72; margin: 0; padding: 0 }
	.button2 span { position:relative; float: left; display: block; margin: 0 -1px; border-left: 1px solid #8E8D72; border-right: 1px solid #8E8D72; background: #8E8D72; padding: 2px; width: auto; color:#fff }
	.button2:hover { text-decoration: none }

.alert_reportado { background: url(../img/abuso2.gif) 0 0px no-repeat; padding: 0 25px;  }	
	
ol.ico li { float: left; border: 0 }
	ol.ico li a { display: block; font-family: Tahoma,Verdana,'Sans-serif'; font-size: 100%; color: #999; padding: 0 7px 5px 17px }
	ol.ico li a.enviar { background: url(../img/iconos_varios.gif) 0 -54px no-repeat }
	ol.ico li a.guardar { background: url(../img/iconos_varios.gif) 0 -26px no-repeat }
	ol.ico li a.imprimir { background: url(../img/iconos_varios.gif) 0 2px no-repeat }
	ol.ico li a.reportar { background: url(../img/iconos_varios.gif) 0 -82px no-repeat }
	ol.ico li a.reportar-nologed { background: url(../img/iconos_varios.gif) 0 -82px no-repeat }

a.tit { font-size: 110%; color: #006600; display: block; padding: 7px 0 3px; font-weight: bold }

/***************************** path begin *****************************/
.path { font-size: 120%; margin: 0 0 10px }
	.path li { float: left; padding: 0 5px 0 0;  }
		.path li a { color: #338533;  }
		.path li a.on { color: #5C6776; font-weight: bold }

/***************************** pager begin *****************************/
.pager { margin: 0 auto; text-align: center }
	.pager ul { margin: 10px 0; font-size: 130%; font-weight: bold }
		.pager li { display: inline; padding: 0; margin: 0 }
		.pager li a { color: #666; padding: 0 4px; line-height: 160%; margin: 0 }
		.pager li a.on { color: #fff; background: #589A43 }
		.pager li a img { vertical-align: top; margin: 0 5px }

/***************************** recomendado begin *****************************/
.recomendado h4 { background: url(../img/tit_recomendado.gif) no-repeat; width: 200px; height: 30px; margin: 0 0 10px; text-indent: -9000px }

.recomendado { float: right; width: 205px; margin: 0 15px 0 10px; _margin: 0 7px 0 5px; }
.recomendado .top { display: block; border-top: 1px solid #8C8E7D; margin: 0; padding: 0; #clear: both }
	.recomendado .top div { position:relative; width: 100%; display: block; margin: 0 -1px; border-left: 1px solid #8C8E7D; border-right: 1px solid #8C8E7D; background: #8C8E7D; padding: 10px 0 }
		.recomendado .top div h5 { font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; font-size: 140%; line-height: 150%; color: #fff; font-weight: bold; margin: 0 0 7px 15px }
		
.recomendado .med { display: block; border-bottom: 1px solid #D3D6BB; margin: 0; padding: 0 }
	.recomendado .med div { position:relative; width: 100%; display: block; margin: 0 -1px; border-left: 1px solid #D3D6BB; border-right: 1px solid #D3D6BB; background: #D3D6BB; padding: 10px 0 15px; font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; font-size: 140%; line-height: 160% }
		.recomendado .med div p { padding: 0 10px 0 15px }
			.recomendado .med div p img { float: left; margin: -5px 5px 0 0 }

.recomendado .bot { background: url(../img/punta_comentario.gif) 20px 0 no-repeat; padding: 25px 0 0 10px; font-size: 90%; line-height: 130%; font-weight: bold; color: #737373  }
	.recomendado .bot img { float: left; margin: 0 7px 0 0 }
	.recomendado .bot a { display: block; font-size: 110%; color: #336600 }


/***************************** banner begin *****************************/
.box_banner { background: url(../img/tit_publicidad.gif) no-repeat 98% 20px #F2F2F2; width: 100%; padding: 15px 0; margin: 0 auto 15px; text-align: center }
.box_banner2 { background: #F2F2F2; width: 100%; padding: 8px 0; margin: 0 auto 10px; text-align: center }

/***************************** cuponera begin *****************************/
h3.cuponera { background: url(../img/tit_cuponera.gif) no-repeat; height: 35px; margin: 0 0 10px 15px; text-indent: -9000px }
.cuponera { padding: 0 5px }
.cuponera li { padding: 8px }
.cuponera li.color { background: #EBEDD9 }
	.cuponera div { float: left; width: 55% }
	.cuponera img { float: left; border: 1px solid #ccc; margin: 0 10px 5px 0; }
		.cuponera div big { display: block; font-size: 130%; font-weight: bold; color: #333366 }
		.cuponera div p { padding: 4px 0 }
ul.cuponera li .ico li,
.cuponera td .ico li { padding: 0 }


.comentarios { padding: 10px }
	.comentarios ul { padding: 15px 0 }
		.comentarios li { padding: 15px }
		.comentarios li.color { background: #E2F7DA }

		.comentarios h3 { padding-top: 7px }

			.comentarios img,
			#publicado img { float: left; margin: 0 7px 7px 0 }
			.comentarios a,
			.comentarios small,
			#publicado a,
			#publicado small { font-size: 90%; line-height: 90%; color: #737373; font-weight: bold; text-transform: none }
			.comentarios a,
			#publicado a { display: block; color: #336600 }

		.comentarios .estrella { float: right }

a.doc { display: block;  padding: 0px 0px 10px 40px; margin-top: -30px; text-decoration: underline }


ol.estrella { margin: 3px 0 0 }
ol.estrella li { float: left; background: url(../img/star2.gif) no-repeat; width: 16px; height: 16px; text-indent: -9000px; border: 0; margin: 0; padding: 0 1px 0 0 }

#rubro h2.free,
#servicios h2.free,
#entretenimiento h2.free{ background: url(../img/tit_free.gif) no-repeat; width: 523px; height: 44px; text-indent: 1px; font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; font-size: 340%; color: #8DA483; padding: 15px 32px; margin: 0 0 10px; text-transform: uppercase }

/***************** tabs cine -dvd ******************************/
.ui-tabs-nav .guia { background: url(../img/tit_solapa_guiacine.gif) 50% 100% no-repeat; text-indent: -9000px; }
.ui-tabs-nav .dvd { background: url(../img/tit_solapa_dvd.gif) 50% 100% no-repeat; text-indent: -9000px; }

.ui-tabs-nav .ui-tabs-selected .guia,
.ui-tabs-nav .ui-tabs-selected .dvd { background-position: 50% 0 }

.box3 select { width: 325px; margin: 0 0 10px }
.box3 h4 { font-family: Georgia,Arial,Tahoma,Verdana,'Sans-serif'; margin: 0 0 10px; font-weight: bold; font-size: 110% }
	.box3 li { padding: 0 0 2px }
		.box3 li a { color:#333; font-size: 110% }
		.box3 li a:hover { color:#993300; text-decoration: none; font-weight: bold }
	
.box3 #estrenos { padding: 0 0 0 7px; display: none }

.box4 ul { background: #fff; border-top: 3px solid #C7E5BA; padding: 0 10px 10px }
.box4 ul li img { float: left; margin: 0 10px 15px 0 }
.box4 ul li a { float: left }
.box4 ul li a.tit { padding: 0 }
.box4 ul li { padding: 7px 0; border-bottom: 1px solid #ccc }




/***************** AGREGADOS EN DESARROLLO ******************************/

.pager li.current { color: #fff; background: #589A43 }

.fecha_nac { 
	border: 1px solid #ccc;
	width: 100px;
	height: 19px 
}

div.algRight{text-align:right;display:block}

.button { 
    float: right; 
    display: block; 
    border-top: 1px solid #636363; 
    border-bottom: 1px solid #3D3D3D; 
    margin: 10px 10px 0; 
    padding: 0; 
    cursor: pointer }
	
.button span { 
    position:relative; 
    float: left; 
    display: block; 
    margin: 0 -1px; 
    border-left: 1px solid #636363; 
    border-right: 1px solid #636363; 
    background: url(../img/bkg_button.gif) repeat-x #3D3D3D; 
    padding: 2px 10px 4px; 
    width: auto; 
    color: #fff; 
    font-size: 110%; 
    text-transform: uppercase; 
    font-weight: bold }
    
.button_registrar { 
        position:relative; 
        float: right; 
        display: block; 
        margin: 0 -1px; 
/*        margin: 10px 10px 0;         */
        border-top: 1px solid #636363; 
        border-bottom: 1px solid #3D3D3D;        
        border-left: 1px solid #636363; 
        border-right: 1px solid #636363; 
        background: url(/img/bkg_button.gif) repeat-x #3D3D3D; 
        padding: 2px 10px 4px; 
        width: auto; 
        color: #fff; 
        font-size: 110%; 
        text-transform: uppercase; 
        font-weight: bold }
        
.button_serv { float: right; margin: 3px 42px 0 0 }

.button2 { float: right; display: block; border-top: 1px solid #8E8D72; border-bottom: 1px solid #8E8D72; margin: 0; padding: 0 }
	.button2 span { position:relative; float: left; display: block; margin: 0 -1px; border-left: 1px solid #8E8D72; border-right: 1px solid #8E8D72; background: #8E8D72; padding: 2px; width: auto; color:#fff }
	.button2:hover { text-decoration: none }

.error { margin: 50px }
	.error div { padding: 30px; border: 1px solid #ccc; background: #f0f0f0 }
		.error h2 { font-size: 180% }
		.error h3 { font-size: 150%; margin: 30px 30px 10px }
		.error p { font-size: 120% }
		.error ul { clear: both; padding: 0 30px }
			.error ul li { float: left; width: 25%; padding: 0 0 30px 0; text-align: center }
				.error ul li a { color: #006600; font-size: 120%; font-weight: bold }
				.error ul li a:hover { text-decoration:none }
					.error ul li a img { display: block; margin: 5px auto }