/* 
# Template CSS by Miguel Tuyaré - Tux Merlín 
# Web Site: www.joomla-gnu.com
# Email: info@joomla-gnu.com
# Copyright 2010
# Make for: www.thegrandvillahotel.com
# Main CSS
*/

/* Commons Elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a  img{border:none;}
a {text-decoration:none;color:#004D9F;}
a:hover {text-decoration:underline;}


body {
	background: #FFFFFF url(../images/fondo-lateral.png) bottom repeat-x;
}

li {list-style: none;}

h1{
font-family: Times New Roman;
font-weight: bold;
color: #3d724b;
font-size: 24px;
}

p{
font-family: Arial;
color: #333333;
font-size: 11px;
line-height:14px;
}

a {text-decoration:none;}

.clr{clear:right;}
.clb{clear:both;}

/* Header Styles */

.header{
margin: 0 auto;
width:900px;
height:170px;
background: url(../images/fondo.jpg) repeat-y;
}

.headerimg{
padding:8px 0 0 8px;
float:left;
}

.headermiddle{
float:left;
height:115px;
width:210px;
padding:25px 0 0 45px;
}

#headright{
width:630px;
height:115px;
float:left;
}

.headerdata{
float:right;
width:270px;
height:115px;
padding:25px 0 0 0;
margin-left:10px;
}

.ht-data{
color:#E9CE80;
font-family:Arial;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
}

.ht-tele{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
background:url(../images/icono-telefono.png) left no-repeat;
padding-left: 23px;
float:left;
line-height:24px;
}

.ht-email, .ht-email a{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
}

.headermenu{
margin-left:45px;
margin-top:15px;
float:left;
}

.divs{
margin:0 auto;
width:900px;
background:#000000;
line-height:4px;
}

/* Centerfield */
.front01{
margin: 0 auto;
width:900px;
}

.frontimg1{
width:600px;
height:200px;
float:left;
}

.frontimg2{
width: 300px;
height:200px;
float: left;
}

.frontimg1 img, .frontimg2 img{
width: 300px;
height:200px;
}

/* Downfield */
.downf01{
margin: 0 auto;
width: 900px;
}

.downfimg1{
width:260px;
float:left;
}

.downfcont{
width:340px;
height:125px;
float:left;
background:#58666F;
}

.infocont img{
float:right;
margin-top:-14px;
}

.contentdown{
margin-top:10px;
margin-left:10px;
color:#FFFFFF;
}

.contentdown img{
margin-top:-5px;
}

.ofersub{
font-family:Arial;
color:#FFFFFF;
font-weight:bold;
font-size: 14px;
margin-left:12px;
}

.ofertxt{
margin-top:5px;
font-family:Arial;
color:#FFFFFF;
margin-left:12px;
font-size: 12px;
}


/* Menu */

.downfmenu{
float:left;
width:300px;
height:125px;
text-align:center;
background: url(../images/fondo-special-the-grand-villa.jpg) repeat-y;
}

.downfmenu  a{
font-family:Arial;
font-size:12px;
background: url(../images/bullet.jpg) left no-repeat;
color: #3d724b;
font-weight:bold;
padding-left:5px;
line-height:20px;
}

.downfmenu a:hover{text-decoration:underline;}

.separator{
line-height:4px;
background: url(../images/separador-especial.gif) no-repeat;
}

/* Footer */
.footdealer{
margin: 0 auto;
width:900px;
}

.footer{
margin: 0 auto;
width:898px;
height:30px;
font-family: Arial;
text-align:center;
font-size:10px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
background:#58666F;
}

.footcontent{
margin: 0 auto;
width:500px;
}

.footcontent2{
margin: 0 auto;
width:300px;
padding-bottom:20px;
}

.foot{
float:left;
color: #FFFFFF;
padding:8px 2px 0 2px;
}

.foot a{color:#FFFFFF;}
.foot a:hover{text-decoration:underline;}

/* Other Layout ------------ */
#maincontent{
margin: 0 auto;
background:#FFFFFF;
width:898px; 
border-right:1px solid #3d724b;
border-left:1px solid #3d724b;
background: #FFFFFF url(../images/fondo-textos.jpg) bottom repeat-x;
}

#content{
width: 597px;
min-height:315px;
float:left;
border-right:1px solid #3d724b;
}

#content ul{
margin-left:60px;
margin-right:20px;
text-align:justify;
color: #333333;
font-family:Arial;
font-size: 11px;
}

#content ul li{list-style:disc;}

#content ol{
margin-left:40px;
margin-right:20px;
text-align:justify;
color: #333333;
font-family:Arial;
font-size: 11px;
}

#content ol li{list-style-type:decimal;display: block;margin-top:15px;}
#content ol {counter-reset: item; }
#content ol li:before {content: counters(item, "."); counter-increment: item;}

.tli{margin-left:0px;margin-right:2px;}

span.ltxt{margin-left:10px}

#right{
width:300px;
float:left;
}

#maincontent h1{
font-family: Times new roman;
font-weight:bold;
color: #3d724b;
font-size: 24px;
margin:25px 25px 0 40px;
}

#maincontent h2,#maincontent h3{
font-family: Arial;
font-weight:bold;
color: #9a7d29;
font-size: 12px;
margin:15px 25px 0 40px;
}

/*#maincontent h3{
font-family: Times new roman;
font-weight:bold;
color: #3d724b;
font-size: 18px;
margin:15px 25px 0 40px;
}*/

#maincontent a{text-decoration:none;color:#3d724b;}

#maincontent a:hover{color:#333333;}

.ct{
margin-left:40px;
margin-right:25px;
padding-top:10px;
font-family:Arial;
color: #333333;
font-size:11px;
line-height:14px;
text-align:justify;
}

span.ctf{
background:url(../images/ico-flech.png) right center no-repeat;
padding-right:20px;
}


.imgpres{
float:right;
background: url(../images/fondo-imagenes.png) 15px 7px no-repeat;
margin-right:20px;
padding:12px 20px 20px 20px;
}

.img2pres{
float:right;
width:180px;
height:360px;
}

.img3pres{
float:right;
width:180px;
height:620px;
}

.mph{
width:340px;
}


/* Icons */
.footicons{
margin: 0 auto;
width:900px;
background: #FFFFFF;
height:200px;
font-size:10px;
font-family:Arial;
border-right:1px solid #3d724b;
border-left:1px solid #3d724b;
}

.footgroup{margin-left: 35px;}

.footgroup img{padding-left:2px;}

.icot{
font-family: Arial;
font-weight:bold;
color: #9a7d29;
font-size: 12px;
margin:0 25px 5px 40px;
}

.icof2{float:left;width:90px;margin:5px;text-align:center;}

/* Especials */
.tablerates {
margin-left:40px;
font-family: Arial;
color: #333333;
font-size: 11px;
}

.tablerates th{
background:#3d724b;
color:#FFFFFF;
border:none;
height:20px;
}

.tablerates td{
padding-right:5px;
}

.tablerates ul li{margin-left:-45px;margin-right:-45px;}
.tablerates li{list-style:circle;}


/* Menu superiores */
#menutop{
background:url(../images/fondo-submenu.jpg) repeat-x;
height:30px;
}
#menutop a{color:#FFFFFF;text-decoration:none;}
#menutop a:hover{color:#FFFFFF;text-decoration:underline;}
.mg{margin-left:50px;}
.mt{float:left;color:#FFFFFF;padding:7px 7px 0 7px;}
.mg2{margin-left:200px;}
.mg3{margin-left:200px;}