/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
margin:0; 
padding:0;
background: url(../images/bg.gif) repeat 0 0; padding-top:0px;
}
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px;}
h2{font-size:14px; color:#999999;}
h3{
font-size:13px; 
border-bottom: 1px dotted #DEDEDE; 
padding:4px 0; 
margin-bottom:10px;
}
a:link, a:visited{color:#0033CC;}
a:hover{text-decoration:none;}
a:focus{ outline:none; }
img { border: 0px; }


/* ------------------------------
ESTRUCTURA PÁGINA
------------------------------ */
/* #container has an absolute width (900pixel) */
#wrapper{
background: url(../images/bg.gif) repeat-x 0 0; padding-top:5px;
width:920px;
margin:0 auto;
padding:8px 8px 8px 8px;
border:0px solid #adff2f;
}
#top {
width:900px;
height:50px;
float: left;
padding:0px;
border:0px solid #adff2f;
margin:0px 0px 0px 10px;
background: url(../images/bgtop.gif);
}
#header {
color: #333;
width:900px;
height:188px;
float:left;
padding:0px;
border:0px solid #ccc;
margin:0px 0px 0px 10px;
}
#scroll{
float:left;
background: url(../images/bc_bg.png) repeat;
height:30px;
margin: 0px 0 2px 10px;
border-bottom:0px dotted #ededed;

}
#column_left{
float:left;
width:170px;
height:705px;
margin:0px 0px 0 10px;
border-top: 1px solid #dfdfdf;
border-bottom:2px solid #ebebeb;
}
#menucat{
float:left;
background: white url(../images/bgmenu.gif);
width:170px;
height:705px;
margin:0px 0px 0 10px;
border-top: 1px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}
#column_main{
float:left;
width:575px;
height:705px;
margin:0px 0px 0 0px;
border:0px solid #666666;

background: white;
}
#column_main_vip{
float:left;
width:575px;
height:705px;
margin:0px 0px 0 0px;
border-top:0px solid #294e96;
border-bottom:2px solid #ebebeb;
background: white;
}
#column_right{
float:left;
width:155px;
height:705px;
background: white;
border-top: 1px solid #dfdfdf;
border-bottom:2px solid #ebebeb;
margin:0px 0px 0 0px;
}
div.spacer{
width:900px;
clear:both;
height:1px;
display:block;
border:0px solid #c71585;
margin:0 0 0 0;
}
#banners{
width:900px;
height:80px;
border: 0px dotted #40e0d0;	
margin:2px 0 0 10px;
}
td.ecommerce{
width:140px;
border:0px dotted #40e0d0;		
}
td.anuncis{
width:757px;
padding:0 0 0 10px;
border:0px dotted #40e0d0;		
}
#footer{
float:right;
width:900px;
height:80px;
border:0px solid red;
margin:5px 0 0 0px;
}
/* ------------------------------
iframes
------------------------------ */
.menuleft{
 background: white;
width:170px;
height:705px;
margin:0 5px 0 0px;
border:0px solid #9acd32;

}
.menuright{
width:150px;
height:705px;
margin: 0 6px 0 0px;
border:0px solid #9acd32;
 }
p.bizq{
width:170px;
height:80px; 
float:left;
margin: 0 8px 0 1px;
border:1px solid #666666;
}
p.bdr{
width:733px;
height: 80px; 
float:left;
margin:-81px 0 0 175px;
border:1px solid #666666;
}
.title {
margin:5px 0 0 0;
margin-bottom:3px;
padding-bottom:0px;
padding-left:5px;
padding-top:5px;
border:0px solid #666666;
}
.linea {
width:95%;
height:1px;
border-bottom: 1px solid #fafafa; 
background: #eeeeee; 
margin:0px 0 20px 15px; 
}
.title b {
font-weight: normal;
color: #0D248A;
}
.formulario{
width:390px;
margin:8px 0 0 80px;
padding:0px 5px 5px 10px;
border:0px solid #666666;	
}
.respuesta{
width:390px;
margin:8px 0 0 80px;
padding:0px 0px 0px 0px;
border:0px solid lime;	
}
/* 
CLASES
*/ 
.publicidad{
width:170px;
margin:30px 0 0 0;
border:0px solid #666666;
}
.bannerinicio{
width:550px;
height:85px;
margin: 2px 0 0 10px;
border:0px solid #333;
}
.subtitulo_mapa{
width:500px;
height:23px;
margin:0px 0 8px 10px;
border-bottom: 1px solid #e9e9e9;
}
/* Easy Slider */
#content{
position:relative;
}			
#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:900px;
height:188px;
border: 0px solid red;
overflow:hidden; 
}	
#slider2 li{ 
background:#f1f1f1;
}		
#slider2 li h2{ 
margin:0 20px;
padding-top:20px;
}	
#slider2 li p{ 
margin:20px;
}						
p#controls, p#controls2{
margin:0;
position:relative;
} 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;		
width:36px;
height:123px;
position:absolute;
left:-37px;
top:-188px;
}	
#nextBtn, #nextBtn2{ 
left:900px;
border:0px solid red;
}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
display:block;
width:36px;
height:123px;
background: url(../images/pestana.png) no-repeat 0 0;
}	
#nextBtn a, #nextBtn2 a{ 
background: url(../images/pestana2.png) no-repeat 0 0 ;
}												
/* // Easy Slider */

/* ------------------------------
textos
------------------------------ */
#texto_inicio{
width:550px;
height:auto;
border:0px dotted #666666;
margin: 10px 0 15px 10px;
}
p.txtinicio{
font: 13px/13px "Century Gothic", sans-serif;
text-align: justify;
color: #545454;
line-height:19px;
}
.subtitulo{
font: 15px/13px "Century Gothic", sans-serif;
text-align: justify;
color: #545454;
line-height:19px;
margin:15px 15px 0 36px;
}
.subtrespuesta{
font: bold 17px/13px "Century Gothic", sans-serif;
text-align: justify;
color: #dc143c;
line-height:19px;
margin:15px 15px 0 60px;
}
/* ------------------------------
calles
------------------------------ */
.comercio{
float:left;
width:500px;
border:0px solid #666666;
margin:0px 0 0 30px;
}
.ocio{
float:left;
width:500px;
border:0px solid #666666;
margin:5px 0 0 5px;
}
.turismo{
float:left;
width:500px;
border:0px solid #666666;
margin:5px 0 0 5px;
}
.linea{
width:450px;
height:2px;
margin:5px 0 0 60px;
border:0px solid #666666;
}
#menuh {
float: left;
width:500px;
height:auto;
margin-top:8px;
border:0px solid #666666;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
width:500px;
margin:0 0 0 5px;
padding: 0;
border:0px solid #1e90ff;
}
#menuh li {
float: left;
margin: 0 0 17px 9px;
border:0px solid #1e90ff;
}
/* ---------- gallery styles start here ----------------------- */
.ficha span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(images/round-corner.png) no-repeat;
background-image: url(images/round-corner.png);
}
.ficha img {
border: 1px solid #dcdcdc;
padding:3px 3px 3px 3px;
}

/* ------------------------------
contenidos calles
------------------------------ */
.titcomercio{
border:0px solid #666666;
margin:15px 0 0 0px;
}
.categorias{
position: relative; 
float:left;
width:145px;
border-bottom:1px solid #d0d0d0;
font: 12px/12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
color: #545454;
margin:5px 0 8px 0;
padding:2px 2px 2px 2px;
}
.categorias2{
position: relative; 
float:left;
width:145px;
border-bottom:1px solid #d0d0d0;
font: 11px/12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
color: #545454;
margin:5px 0 8px 0;
padding:2px 2px 2px 2px;
}
h1.tit{
width:220px;
border:0px solid #666666;
margin:15px 0 15px 155px;
padding:0 0 0 5px;
}
.iconos{
border: 1px solid #dcdcdc;
padding:3px 3px 3px 3px;
}

/* ------------------------------
calles vips
------------------------------ */
#btvip{margin:5px 0 0 0;}

#contenidovip{
width:500px;
height:auto;
border:0px solid #333;
margin:5px 0 0 35px;
padding:0 0 0 30px;
}
ul#nav{
/*display: inline	*/
width:auto;
margin:5px;
border:0px solid #000;
list-style: inside url(../images/tag_blue.png);
font: 12px "Century Gothic", sans-serif;
text-align: justify;
color: #545454;
text-decoration: none;
}
ul#nav a{
width:auto;
margin:5px;
border:0px solid #000;
list-style: inside url(../images/tag_blue.png);
font: 12px "Century Gothic", sans-serif;
text-align: justify;
color: #545454;
text-decoration: none;
}
#mapa{
margin: 8px 0 0 100px;	
}

/* ------------------------------
buscador
------------------------------ */
#buscador{
margin:60px 0 0 25px;	
width:500px;
height:auto;
border:0px solid #309;}

hr {
width:500px;
height:1px;
border-top: none;
color: #9CB5D6;
margin:8px 0 8px 0px;	
}
.main {
position:absolute; 
left: 10; 
top: 60; 
width:170px;
height:15px;
font:10px verdana, arial, helvetica;
}
.spaced {
font-family: verdana, arial, helvetica;
margin:25px 0 0 0px;	
}
.button {
font: 11px tahoma, verdana, arial, helvetica;
width:75px;
height: 22px;
position: absolute; 
left:560px; 
top:63; 
}