/* CSS Page */

/* Developed by Mike Weiss of mjmediateam.com*/

/*-------- Elements --------*/

* {
margin:0;
padding:0
}


body{
padding:0px; margin:0px; background:url(/images-aticos/images/fondo.jpg) 0 0 repeat-x #e6e4a9; color:#333333; font:13px/19px Arial, Helvetica, sans-serif;
height:100%;
text-align:center
}
div.texto{
margin: 7px 7px  7px 15px;}

div.bottom{
margin: 10px 10px  10px  10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FDF8CE;
/*font-weight:bold;*/
}
li.titulosec{
list-style-image:url(images-aticos/icono.jpg);
color:#576D2D;
font-weight:bold;
}

li.general{
list-style-image:url(images-aticos/icono.jpg);
}

li.rojo{
background-image:url(images-aticos/images/botonrojo.jpg);
color:#FFFFFF;
font-weight:bold;
padding:5px 5px 5px 5px;
margin: 2px 2px 2px 2px;
}

li.amarillo{
background-image:url(images-aticos/images/botonamarillo.jpg);
color:#FFFFFF;
font-weight:bold;
padding:5px 5px 5px 5px;
margin: 2px 2px 2px 2px;
}
li.verde{
background-image:url(images-aticos/images/botonverde.jpg);
color:#FFFFFF;
font-weight:bold;
padding:5px 5px 5px 5px;
margin: 2px 2px 2px 2px;
}
.tituloprinc{
color:#990406;
font-family:"Maiandra GD", "Monotype Corsiva", Arial;
font-size:20px;
font-weight:bold;}

.titulosecund{
color:#576D2D;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;}

a.menuprinc{
color:#333333;
font-style:normal;
text-decoration:none;
}


a.menuprinc:hover{
color:#999999;
font-style:normal;
text-decoration:none;
}


a.menurojo{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}


a.menurojo:hover{
color:#EFCFC7;
font-style:normal;
text-decoration:none;
}

a.menuverde{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}


a.menuverde:hover{
color:#E6ECB7;
font-style:normal;
text-decoration:none;
}



a.menuamarillo{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}


a.menuamarillo:hover{
color:#E9D894;
font-style:normal;
text-decoration:none;
}


a.menutop{
color:#333333;
font-size:12px;
text-decoration:none;}


a.menutop:hover{
color:#333333;
font-size:12px;
text-decoration:underline;}



a.menuimg{
color:#666600;
font-size:12px;
text-decoration:underline;
border-style:double;}

a.menuimg:hover{
color:#333333;
font-size:12px;
text-decoration:underline;
border-style:double;}


img.izq{
margin: 0 0 0 0px;
}

#container {

margin:0 auto;

min-height:100%;

position:relative;

text-align:left;

width:800px

}
#header{
height:27px;
margin-left:20px;
color:#FFFFFF;
}


#header h1 {
color:#445971;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
padding:10px 0 0;
text-transform:uppercase
}



#header h2 {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
margin:-13px 0 0 13px;
padding-bottom:30px

}



#focus {
background-color:#B4C14F;
/*background:url(images/man.jpg) center center no-repeat #50647B;*/
height:270px;
overflow:hidden;
width:800px;
margin:0 0 0 0px;
}



#navigation {
/*background:url(images/left.gif) no-repeat top left #50647B*/
background-image:url(../milla-images/milla-turismo/papelpq.gif) ;
float:left;
height:270px

}



#navigation h3 {
display:none
}



#navigation ul {
color:#000;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
margin:15px 7px 5px 12px;
/*text-transform:uppercase*/
}



#navigation ul li {
overflow:hidden;
width:161px;
height:25px;
}

#navigation a {
border-bottom:1px solid #f7bd3e;
color:#000;
display:block;
font-size:12px;
padding:9px 3px 5px 3px;
text-decoration:none;
width:161px
}

#navigation a:hover {

padding:9px 3px 5px 3px;
color:#0075aa;

}



#navigation a.active,#navigation a.active:hover {

border-bottom:1px solid #f7bd3e;

cursor:default;

/*font-weight:730;*/

padding:12px 3px 5px 3px

}


#quicksearch form {

padding:10px

}



#quicksearch input,#quicksearch label {

clear:left;

float:left

}



#quicksearch input {

margin:0 0 0 15px;

width:140px

}



#quicksearch label {

color:#fff;

font-size:12px;

margin:10px 0 0 15px

}



#quicksearch .date {

background:url(images/date.gif) center right no-repeat #FFF

}



#quicksearch fieldset {

border:1px solid #7E9CC1

}



#quicksearch legend {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

margin-left:7px;

padding:5px

}



#quicksearch .submit {

clear:both;

float:left;

margin:20px 0 10px 15px;

padding:1px 10px

}



#middle {

padding:0 0 60px

}



/*  Content Elements  */

#content {
background:url(../milla-images/milla-turismo/fondo.jpg) center right repeat #FFF;
/*background:#ffffff;*/
margin:0 0 0 0px;
font-family:Arial, Helvetica, sans-serif

}





#content hr {

clear:both;

visibility:hidden

}



#content p.top {

background:url(images/bottom.gif) bottom center no-repeat;

margin:0;

padding:30px 0 0;

text-align:right

}



#content p.top a {

background:url(images/arrow_up.gif) center left no-repeat;

margin:0 30px;

padding:0 0 0 15px

}



#content h3 {

border-bottom:1px solid #7E9CC1;

color:#0075aa;

font-family:"Times New Roman", Times, serif, Arial, Helvetica;

font-size:18px;

font-style:italic;

margin:5px 10px

}



#content p {

margin:3px 15px 10px;
text-align:left

}



#content h4 {

font-size:12px;

line-height:15px;

margin:2px 10px;
color:#0075aa

}



/*--------------------------------*/
#tray {
	margin-top: 330px;
	border: 1px solid #181818;
}
#tray .redbox {
	float: left;
	width: 217px;
	_height: 279px;
	min-height: 279px;
	background: #fff url(/milla-images/milla-turismo/fondo-tours-ap.gif) repeat-x;
	margin-left: 11px;
	padding-top: 19px;
	padding-left: 16px;
	padding-right: 16px;
	color: #CFCFCF;
}
#tray .first {
	margin-left: 0px;
}
#tray p {
	margin-top: 1em;
	margin-bottom: 1.4em;
	padding-left: 2px;
}
/*ul {
	margin: 0px 1em 0px 2em;
	padding: 0px;
}
li {
	padding: 0px;
	margin: 1em 0px;
}*/

/*---------------------------------*/

#content .date {

background:url(images/date.gif) center left no-repeat #FFF;

color:#445971;

padding:0 0 0 20px

}



#content a {

color:#0075aa;
text-decoration:none

}



#content img {
/*border:1px solid #7E9CC1;*/
margin:7px 12 7 7px;
margin-left:7px;
margin-bottom:7px;
margin-top:7px;
margin-right:12px;

}

#content object{
margin:5px 12px
}

.table {
/*padding: 0 5 0 12px;
margin:0 5 0 12px;*/
border:0px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
}


html,* html #container {

height:100%

}



/*  Footer  */

* html #footer {

margin-top:-60px

}



#footer {

background:url(../milla-images/milla-turismo/fondo-inf.gif) top center no-repeat #0189c7;

height:180px;

margin:-50px auto 0;

position:relative;

text-align:center;

width:800px

}


#footer a:hover, #content a:hover{

text-decoration:underline

}



#footer p {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

padding:15px 0 0

}



#footer a {

color:#fff;

text-decoration:none

}



/*  Classes  */

.left {
float:left
}



img.right {
float:right;
margin: 10px 1px 10px 15px;
}

.imgright{
border:1px solid #7E9CC1;
border-collapse:separate;
float:right
}

.gray {
background-color:#F8F8F8
}





/*  Content Controllers  */

/*  Use this to make a new row of columns  */

#content .row {
margin:0px auto;
overflow:hidden;
width:100%;
}



/*  Combine columns to form a layout  */

.fullcolumn {
float:left;
width:99%
}

.threequartercolumn {
float:right;
margin:0 15 0 5px;
width:600px;
font: Arial, Helvetica, sans-serif;
font-size:12px;
}


.halfcolumn {
float:left;
width:49%

}



.onethirdcolumn {

float:left;
width:10%

}



.twothirdcolumn {

float:left;

width:65%

}



.onequartercolumn {
/*background-image:url(../milla-images/milla-turismo/fondo-izq.jpg);*/
float:left;
width:19%;
margin-left:0;
margin-top:0;
height:auto
}


#onequartercolumn img {
/*border:1px solid #7E9CC1;*/
margin:5px 3px
}

#tours{
width: 520px;
height: 157px;
margin:5 3 5 5px;
background-color:#F0F8EE; 
font: Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
}

#enlaces{
width: 500px;
height: 60px;
margin:5 3 5 5px;
background-color:#F0F8EE; 
font: Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
}
.top{
color:#F55808}

.td{
padding-left:8px;
padding-right:8px; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a.sup{
color:#FFFFFF;
font-size:12px;  
font-family:Arial, Helvetica, sans-serif;
}

.titulotours{
color:#006699;
font-size:12px;  
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

<!--- Bottom box para tours--->
.body-bottom
{
background:url(../milla-images/milla-turismo/body-middle-line.gif) left top repeat-x;
padding-bottom:15px;
width:610px;
margin:0px auto;
padding-top:26px;
height:200px;
}
.bottom-box1
{
width:192px;
border-right:1px solid #D1D1D1;
text-align:left;
float:left;
padding-left:5px;
}
.bottom-box1-inside
{
width:180px;
height:auto;
}
.bottom-box-th
{
background:url(/milla-images/milla-turismo/image-box-bg.gif) left top no-repeat;
padding-left:11px;
padding-top:12px;
padding-bottom:12px;
padding-right:13px;
}
.green-link-box
{
padding:10px 0px 10px 15px;
}

<!--  fin bottom tours--->