* {
margin : 0;
padding : 0;
border : none;
}
html {
font : 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
}
ul {
list-style : none;
list-style-type : none;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight : normal;
margin : 0 0 12px 0;
}
cite, em, dfn {
font-style : italic;
}
sup {
position : relative;
bottom : 7px;
vertical-align : baseline;
}
sub {
position : relative;
bottom : -0.6px;
vertical-align : baseline;
}
li, dd, blockquote {
margin-left : 16px;
}
code, kbd, samp, pre, tt, var, input[type="text"], textarea {
font-size : 100%;
font-family : monaco, "Lucida Console", courier, mono-space;
}
del {
text-decoration : line-through;
}
ins, dfn {
border-bottom : 1px solid #ccc;
}
small, sup, sub {
font-size : 85%;
}
abbr, acronym {
text-transform : uppercase;
font-size : 85%;
letter-spacing : 0.4px;
border-bottom-style : dotted;
border-bottom-width : 1px;
}
a abbr, a acronym {
border : none;
}
sup {
vertical-align : super;
}
sub {
vertical-align : sub;
}
h1 {
font-size : 22px;
}
h2 {
font-size : 20px;
}
h3 {
font-size : 18px;
}
h4 {
font-size : 16px;
}
h5 {
font-size : 14px;
}
h6 {
font-size : 12px;
}
a, a:link, a:visited, a:hover, a:active {
text-decoration : underline;
}
a img {
border : none;
text-decoration : none;
}
img {
border : none;
text-decoration : none;
}
label, button {
cursor : pointer;
}
input:focus, select:focus, textarea:focus {
background-color : #fff;
}
fieldset {
border : none;
}
.clear {
clear : both;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
body {
text-align : center;
background : #5EBA21 url(../images/fondo-turismo.jpg) repeat-x;
font : 11px Verdana, Arial, Helvetica, sans-serif;
line-height : 150%;
}
p {
font-size : 12px;
color : #000;
line-height : 140%;
}
br {
border-bottom : #d9c1aa;
}
hr {
width : 100%;
height : 0;
text-align : left;
border-top : 0;
border-bottom : 1px solid #d9c1aa;
margin : 5px 0;
_margin:-8px 0 0 0;
}
a {
color : #f00;
text-decoration : underline;
}
a:link {
color : #B44B1E;
text-decoration : underline;
}
a:visited {
color : #B44B1E;
text-decoration : underline;
}
a:hover {
color : #8F0000;
text-decoration : underline;
}
a:active {
color : #8F0000;
text-decoration : underline;
}

/*DIVISIONES*/
#wrapper {
margin : 0 auto;
text-align : justify;
width : 680px;
height : auto;
overflow : hidden;
background:#DCE7C2;
padding:20px 60px;
}

#encabezado {
width : 800px;
height : 229px;
margin : 0 auto;
background-image:url(../images/encabezado-turismo.jpg);
background-repeat:no-repeat;
}

#botonera{
width:800px;
height:50px;
background:url(../images/fondo-botonera.jpg);
margin: 0 auto;
padding:2px 0 0 0;
}

#botonera ul{
margin-top:-7px;
margin-bottom:-3px;
}

#botonera ul li{
display:inline;
font-size:12px;
font-weight:bold;
}

#botonera p{
font-size:14px;
font-weight:bold;
}

.titulo_encabezado{
font-family:"Times New Roman", Times, serif;
text-align:center;
color:#334900;
}

.titulo_encabezado h1{
font-size:24px;
font-weight:bold;
padding:10px 0 0 0;
}

.titulo_encabezado h2{
font-size:18px;
font-weight:bold;
padding:0 0 5px 0;
margin-top:-5px;
}

#ubicacion {/*linea donde se muestra la ruta relativa de la página*/
width:680px;
height:27px;
background:#DCE7C2;
clear:both;
margin : 0 auto;
padding:5px 60px;
}

#ubicacion p{
color:#B44B1E;
font-weight:bold;
}

.izquierda {
width : 206px;
height : auto;
float : left;
margin : 0 0 0 17px;
padding : 15px 0 0 15px;
display : inline;
}

.izquierda_rubro {/*Para columna principal a la izquierda*/
	width : 206px;
	height : auto;
	float : left;
	padding : 6px 0 0 15px;
	_margin : -6px 0 0 0;
}

.derecha {
width : 203px;
height : auto;
float : right;
margin : 0 17px 0 0;
padding : 15px 0 0 15px;
display : inline;
}

.derecha_rubro {
	padding : 6px 0 0 20px;
	margin: 0 15px 0 10px;
	_margin : -6px 15px 0 10px;
	float:right;
	width : 203px;
	height:auto;
}

.principal {
width : 505px;
_width:500px;
height : auto;
margin : 0 5px 0 238px;
padding : 10px;
}

.principal_rubro {/*Para páginas secundarias*/
float:left;
margin:0 5px 0 15px;
width:500px;
padding : 5px 5px;
_margin:0 5px 0 10px;
_padding:0;
}

.tres_columnas {/*Para páginas sin banners*/
float:left;
margin:0 -5px 0 15px;
width:310px;
padding : 0 0 0 5px;
_margin:0 5px 0 10px;
_padding:0;
}

.pie {
width : 1000px;
height : 120px;
margin : 15px 0 0 0;
background-image : url(../images/pie.jpg);
background-repeat : no-repeat;
background-position : bottom;
clear:both;
/*border-top : 1px solid #d9c1aa;*/
}

.pie p{
margin:10px 100px;
font-size:12px;
font-weight:normal;
}

.pie hr {
width : 965px;
height : 0;
text-align : left;
border-top : 0;
border-bottom : 1px solid #d9c1aa;
margin : 0px auto;
_margin:0 0 0 17px;
}


.texto_corrido{/*div para contenidos fuera de listado o de banners*/
	width:800px;
	margin:0 auto;
	overflow:hidden;
}


/*ELEMENTOS*/
.banner {
margin : 0 0 15px 0;
}

.encabezado_general, .encabezado_2 {
font-family : "Times New Roman", Times, serif;
color : #334900;
font-weight : bold;
text-align : center;
margin-top:9px;
_margin-top:18px;
}
.titulo {
color : #f00;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
margin : 0 0 3px 0;
_margin : -5px 0 3px 0;
text-decoration : underline;
}
.imagen_izquierda {
float : left;
margin : 0 15px 0 0;
}

.principal ul{
margin-left:-5px;
}

.listado li{
background:#d5d1bb;
padding:8px 5px 3px 10px;
border: 1px solid rgb(199, 193, 165);
margin:0 0 3px 0;
font-size : 12px;
color : #000;
line-height : 140%;
font-weight:bold;
}

.listado li#subtitulo{
	background-color:#c5cba9;
}

#subtitulo h1{
	color:#800000;
	font-size:16px;
	font-weight:bold;
	margin:5px;
}

.listado li a{
font-weight:bold;
}

h2.encabezado_2 {
font-size:20px;
}

h3.titulo{
font-size:17px;
}

.texto_corrido p{/*párrafos para contenidos fuera de listado o de banners*/
	font-weight:normal;
	text-align:justify;
	margin:15px 0;
}

.tt {
position:absolute;
border:2px solid gray;
width:150px;
margin:1em;
padding:3px;
background:#fff;
font-size:14px;
} 

.categoria{
	color:#C60000;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:10px;
	font-variant:small-caps;
}

th.distancias{
	background-color:#8c9c3b;
	padding:3px;
}

th.ciu1{
	background-color:#99a17e;
	padding:3px;
}

td.ciu2{
	background-color:#b5c491;
	padding:3px;
}

.fotos{
	width:200px; 
	height:150px; 
	background-color:#069; 
	padding:3px; 
	margin:20px 20px 0 0; 
	float:left;
}

.foto_expandida{
	width:640px; 
	height:auto; 
	background-color:#069; 
	padding:3px; 
	margin:20px 20px 0 0; 
	float:left;
}

.tit_fotos {
	font-size:20px;
}