/*--------------------------------------------
Project: laquintapatadelgato.com
URL: www.laquintapatadelgato.com
Company: LSEIS - Proyectos Web & SEO

Designer: Jose A Gomez Jaramillo 
Buildout XHTML + CSS: Jose A Gomez Jaramillo 
---------------------------------------------*/


/*--------------------------
	html
---------------------------*/
* {
	margin: 0;
	padding: 0;
	}
html{
	background:url(images/tejado.jpg) no-repeat bottom right ;
	background-attachment:fixed;
	}
body{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	}	
div.title h2{
	color:#242424;
	background:#EEEEEE;
	border:1px solid #D4D4D4;
	font:italic 20px Georgia, "Times New Roman", Times, serif;
	padding:5px;
	margin-bottom:13px;
	}
h3{
	color:#4073AD;
	font-weight:bold;
	font-size:19px;
	}
h1.title_event{
	color:#242424;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
	background:#EEEEEE;
	border:1px solid #CCC;
	margin-bottom:12px;
	padding:2px 10px;
	text-transform:capitalize;
	position:relative;
	}
h1.title_event div.pointer{
	background: url(images/pointer_event.gif) bottom left no-repeat;
	position:absolute;
	width:16px;
	height:16px;
	top:32px;
	}	
h4{
	color:#4073AD;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	}	
	
/* Clases tiles */
.p_relative{
	position:relative;
	}

a:link {
 	color: #47a2ce;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #47a2ce;
	}
a:hover {
 	text-decoration: underline;
 	color: #47a2ce;
	}
a:active {
 	text-decoration: none;
	}	
p{ 
	margin-bottom:20px;
	}
table {	
	border-collapse: collapse;
	}

img{
	border:0;
	}
.clearfix{
	clear:both;
	}	
ul.list{
	list-style:inside;
	padding-left:15px;
	margin-bottom:15px;
	}		
/*...........................
		Site
............................*/	
#wrapper{
	width:954px;
	margin:0 auto;
	background:#FFFFFF;
	overflow:hidden;
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}	

#header{
	background:url(images/bg_header.jpg) no-repeat;
	height:173px;
	margin-bottom:5px;
	}
#banner_top{
	padding: 0 9px;
	margin-bottom:5px;
	}
#banner_bottom{
	width:954px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	background:#FFFFFF;
	padding-top:5px;
	}
#banner_bottom img{
	margin-bottom:5px;
	}					
#col_left{
	width:222px;
	background:#e3e3e3;
	margin-left:9px;
	text-align:center;
	}
#categories{
	width:448px;
	margin-left:10px;
	}		
#aux{
	width:0;
	height:425px;
	}	
#content{
	padding:0 4px;
	width:706px;
	text-align:justify;
	}
#col_left, #content{
	float:left;
	}	
#content p{
	margin-bottom:15px;
	}
#content-text{
	padding:0 7px;
	}		
#col_right{
	width:249px;
	background:#e6e6e5;
	margin-left:8px;
	text-align:center;
	padding-top:10px;
	}	
#col_left, #categories, #col_right{
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}
#aux,#content{
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}	
#footer{
	background:#FFFFFF;
	width:954px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	text-align:center;
	padding-top:8px;
	
	}
#footer a:link {
 	color: #000;
 	text-decoration: underline;
	}
#footer a:visited {
 	text-decoration: underline;
 	color: #000;
	}
#footer a:hover {
	color:#47a2ce;
 	text-decoration: underline;
	}
#footer a:active {
 	text-decoration: underline;
	}
#foot{
	height:19px;
	background:#fff;
	width:954px;
	margin:0 auto;
	}	
table.footer_tb{
	width:100%
	}
	
.footer_tb td{
	background:0;
	border:0;
	text-align:center;
	vertical-align:middle;
	}
img.publi{
	margin:10px 0 ;
	}
.gato{
	background: url(images/gato.png) no-repeat fixed bottom right ;
	}
.luna{
	background: url(images/luna.png) no-repeat top left ;
	width:320px;
	height:304px;
	position:absolute;
	z-index:-2
	}	
.tejado{
	background: url(images/tejado.gif) no-repeat fixed bottom center ;
	}	
div.publi_ceventos{
	width:99.5%;
	margin:0 auto;
	background: url(images/perfil-cat.gif) bottom right no-repeat #3D74B5;
	padding:4px;
	border:4px solid #3965AC;
	}			
/*---------------------------
	Columna Izquierda 
------------------------------*/
a.anuncio{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	font-size:14px;
	}
.seleccion-pais{
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:4px;
	width:200px;
	}	
.subhead{
	background:#c6c5c5;
	padding:6px;
	text-align:center;
	font-weight:bold;
	color:#242423;
	width:190px;
	margin:0 auto
	}
.subhead p{
	margin:0;
	}
.subcat{
	background:#c6c5c5;
	padding:2px;
	text-align:center;
	color:#242423;
	width:190px;
	font-weight:bold;
	margin:7px auto;
	}
.subcat p{
	margin:0;
	}
.subcat span{
	font:normal 10px Arial, Helvetica, sans-serif;
	}				
div.cities {
		text-align:left;
		width:202px;
		margin:4px  auto;
	   }
div.cities  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		text-align:left;
        }
		
div.cities li a {
        height: 15x;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 15px;
        text-decoration: none;
        }

div.cities  li a:link, div.cities  li a:visited {
        color: #242423;
        display: block;
        padding:5px 12px;
		text-decoration:underline;
        }
div.cities  li a:hover, div.cities li #current { 
        color: #FF0000;
        padding:5px 12px;
		text-decoration:none;
		background:#FFFFFF;
		text-decoration:underline;
        }		
.currentcities { 
        color: #FF0000;
        padding:5px 12px;
		text-decoration:none;
		background:#FFFFFF;
		text-decoration:underline;		
        }		

/*---------------------------
	calendario
------------------------------*/
table.tablas_calendar{
	width:100%;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	}
.tablas_calendar td{
	background:#ffffff;
	padding:4px;
	color:#000000;		
	}	
td.day_calendar {
	background:#CFCFCF;
	padding:4px;
	color:#FFFFFF;	
	}
td.day_event {
	background:#EFEFEF;
	padding:4px;
	color:#000000;	
	}	
	
	
/*---------------------------
	Categorias
------------------------------*/	
 ul.licat li{
	list-style:none;
	padding-left:15px;
	margin-bottom:3px;
	}
.pad{
	padding:1px 8px;
	}
table.cattb{
	width:448px;
	border-collapse:collapse;
	}
.cattb td{
	vertical-align:top;
	}
.spacetd{
	width:5px
	}				
div.cat_one{
	width:221px;
	background:#EDEDED;
	margin-bottom:6px;
	}	
div.cat_one{
	width:221px;
	background:#EDEDED;
	}
div.cat_two{
	width:221px;
	background:#EDEDED;
	margin-left:6px;
	}
div.cat_one, div.cat_two{
	float:left;
	margin-bottom:7px;
	}	
div.cat_three{
	width:221px;
	background:#EDEDED;
	}
div.cat_four{
	width:221px;
	background:#EDEDED;
	margin-left:6px;
	}
div.cat_three, div.cat_four{
	float:left;
	}
span.new{
	font-size:10px;
	color:#FF0000;
	margin-left:3px;
	}
.title_anun{
	font-weight:bold;
	font-size:13px;
	}
div.zebra{
	background:#f2f2f2;
	}
.anuncio-importante{
	background:#FFFFBB;
	}
.favorities{
	padding:4px;
	margin-bottom:5px;
	}
span.counter {
	margin-left:3px;
	}
/*----------------------------
  evento previsualizar
------------------------------*/		
.event_detail{
	padding:4px;
	}
div.event_detail p{
	margin-bottom:5px;
	}
div.event_detail, div.event_descrip{
	background:#FFF;
	border:1px solid #e1e1e1;
	padding:6px;
	margin-bottom:12px;
	}	
/*----------------------------
  Contador de paginas
------------------------------*/	
.counter a{
	width:23px;
	padding:5px;
	color:#999999;
	border:1px solid #f4f4f4;
	text-decoration:none;
	}
.counter a:hover {
	width:23px;
	background:#f1f1f1;
	border:1px solid #e2e2e2;
	color:#999999;
	padding:5px;
	}
#current a{
	width:23px;
	background:#DFF4FF;
	border:1px solid #4C9FD1;
	color:#4C9FD1;
	padding:5px;
	}			
/*----------------------------
  Busqueda interna categorias
------------------------------*/							
.search-cat{
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:6px;
	margin-bottom:8px;
	}
.search-cat a{
	font-weight:bold;
	}
.search-cat span{
	font: bold 14px Arial, Helvetica, sans-serif;
	}				

.fecha{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:6px 7px;
	background:#DFF2FF;
	border:1px solid #99C3DF;
	margin-bottom:14px;
	
	}	
.top_title_anun{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:6px 7px;
	background:#FFFFBB;
	border:1px solid #E3E3E3;
	margin-bottom:14px;
	
	}			
/*----------------------------
	Contactenos
------------------------------*/							
table.contactform{
	margin:0 auto;
	width:100%;
	}
.contactform td{
	padding:4px;
	color:#FFFFFF;
	}
.camp_txt{
	border:1px solid #304B9C;
	width:180px;
	}
div.contactenos{
	width:438px;
	margin:0 auto;
	background: url(images/perfil-cat.gif) bottom right no-repeat #3D74B5;
	padding:4px;
	border:4px solid #3965AC;
	}
	
.msgconfirm{
	width:628px;
	margin:0 auto;
	background:#C2DFEF;
	border:2px dashed  #3D72B4;
	margin-bottom:16px;
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#3965AC;
	text-align:center;
	padding-top:13px;
	}
.msgconfirm p span{
	text-transform:capitalize;
	font-weight:bold;
	
	}		
/*---------------------------
	contact form
------------------------------*/		 
.camp_txt_select{
	border:1px solid #304B9C;
	width:180px;
	font:13px "Trebuchet Ms",Verdana, Arial, Helvetica, sans-serif;
	}	
.camp_txt_msg{
	border:1px solid #304B9C;
	width:260px;
	font:13px Arial, Helvetica, sans-serif;
	}	
/*---------------------------
	Enlaces patrocinados
------------------------------*/		 
div.addsense{
	background:#F6F6F6;
	border:1px solid #EEEEEE;
	color:#7F7F7F;
	padding:0 7px;
	margin-bottom:5px;
	text-align:left;
	}
div.enlace{
	margin-bottom:0
	}
span.linksense a{
	font:11px  Verdana, Arial, Helvetica, sans-serif;
	color:#7F7F7F;
	margin-left:15px;
	}
span.linksense a:hover{
	font:11px  Verdana, Arial, Helvetica, sans-serif;
	color:#7F7F7F;
	margin-left:15px;
	}
	
/*---------------------------
	DropDowns Menu
------------------------------*/

div.menu_drop {
        background: #294A7F;
		opacity:0.85;
		-moz-opacity:0.85;
		filter:opacity(alpha=85);
		height:34px;
		border-top:1px solid #FFF;
		font:normal 13px Arial, Helvetica, sans-serif;
		width:100%;
	   }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-left:1px solid #7C9AC9;
		float:left;
		width: 16.5%; 
		text-align:center;
		background:#294A7F;
        }
		
div.menu_drop li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #fff;
        display: block;
        padding: 9px 5px 0 5px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: #fff;
        padding: 9px 5px 0 5px;
		text-decoration:none;
        }		
/*...........................
	 BUTTONS STYLES
............................*/	

.buttons a, .buttons button{
    display:block;
	width:50%;
    margin:0 auto;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* ENVIO */

button.envio, .buttons a.envio{
    color:#565656;
}
.buttons a.envio:hover, button.envio:hover{
    background-color:#333333;
    border:1px solid #565656;
    color:#FFF;
}
.buttons a.envio:active{
    background-color:#529214;
    border:1px solid #565656;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/*Tables magic copyright CDISA*/
.bg_tb {
	 border-spacing:1px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 background-color:#E7E7E7;
	 color: #666;
	 width:100%;
	 margin:auto;
     }

.bg_tb td{
     border-collapse: separate;
     border-collapse: collapse;
     border-spacing: 0;
     }
	 
.bg_tb caption {
     font-weight: bold;
     background: #F1F1EC; 
	 border-bottom:2px solid #666;
	 border-top:1px solid #E7E7E7 ;
	 border-left:1px solid #E7E7E7 ;
	 border-right:1px solid #E7E7E7 ;
     color: #666;
     text-transform: capitalize;
     padding:6px;
     margin:auto;
     }
	 
.bg_tb td {
     padding: 2px;
	 border: 1px solid #FFF;
     }
	 
.bg_tb  tr {
     text-align: left;
     background: #F5F5F5;
     color: #666;
     }
.bg_tb th {
     font-weight: bold;
     background: #F1F1EC; 
	 border-bottom:2px solid #666;
     color: #666;
     text-transform: capitalize;
     padding:6px;
     margin:auto;
     }

/*-------------------------
	standalone validacion
---------------------------*/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	}

.LV_valid {
    color:#00CC00;
	}
	
.LV_invalid {
    color:#CEDBFF;
	}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CEDBFF;
	}