/*

Designed and Coded By: Agustin Ibaņez
Date: 10/10/2008

PRIMARY COLORS:

gray: #999999;
red: #cc0000;
black: #000000;
silver: #999999;

*/

BODY
{
    background-color:#333333;
    font-family:Century Gothic,Arial;
    color:#ffffff;
    width:980px;
    margin:auto;
    text-align:center;
    vertical-align:middle;
}

a
{
	text-decoration:none;
	color:#ffffff;
}

img
{
	border:none;
}

.ofertaZoom
{
}

.modalBackground {
	background-color:#333333;	
    filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
    color:White;
    font-size:x-small;
    font-weight:bold;
	background-color:#333333;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}

.celdaPestana 
{
    width:250px;
    height:26px;
    vertical-align:middle;
    text-indent:15px;
    border:solid 1px white;
    background-color:#333333;
}

.celdaPestana:active
{
    width:250px;
    height:26px;
    background-color:#cc0000;
    text-indent:15px;
    background-image: url("../imgs/flechagris.gif");
    background-repeat: no-repeat;
    background-position: left center;
}

.celdaPestanaRoja
{
    width:250px;
    height:26px;
    background-color:#cc0000;
    text-indent:15px;
    background-image: url("../imgs/flechagris.gif");
    background-repeat: no-repeat;
    background-position: left center;
    border:solid 1px white;
}

.celdaRoja
{
    width:250px;
    height:26px;
    background-color:#cc0000;
    text-indent:15px;
    background-image: url("../imgs/flechagris.gif");
    background-repeat: no-repeat;
    background-position: left center;
    border:solid 1px white;
}

.menuHotelSel
{
    color: White;
	background-color: #cc0000;
	border: white solid 1px;
}

.divContenido
{
    float:left;
	width:978px;
	background-color:#333333;
    border-left:solid 1px white;
    border-right: solid 1px white;
    border-bottom: solid 1px white;
}

.divPrincipal
{
    width:760px;
    height:349px;
    float:left;
    margin-top:.25em;
    margin-left:.25em;
    margin-bottom:.25em;
    border:solid 1px white;
}

.divFooter
{
    float:left;
    width:978px;
    font-size:x-small;
    letter-spacing:2px;
    text-align:center;
    border: solid 1px;
    background-color:#333333;
}

.cabec
{
    background-color:#cc0000;
    font-weight:bold;
    text-align:left;
    line-height:20px;
	border-bottom: solid 1px;
}

.gran
{
    font-size:large;
    font-weight:bold;
    letter-spacing:2px;
    text-align:center; 
    vertical-align:super;
    border: solid 1px;
}

.peq
{
    font-size:x-small;
    font-weight:bold;
    line-height:2em;
    white-space:nowrap;
    text-align:left;
    padding-left:1em;
}

.inpNum
{
    font-size:x-small;
    float:right;
    padding:2px;
    width:40px;
    text-align:center;
    vertical-align:middle;
    height:24px;
}

.selHotel
{
    text-align:center;
    padding-top:5px;
}
.selectpeq
{
    font-size:x-small;
    line-height:2em;
    white-space:nowrap;
}

.fecha
{
    font-size:x-small;
    padding:2px;
    width:57px;
    text-align:center;
    vertical-align:middle;
    height:14px;
}

 .btnColumna
        {
            background-color:#cc0000;
            text-align:center;
            border-top: solid 1px;
        }

        .btnC 
        {
            font-size:x-small;
            font-family:Century Gothic,Arial;
            line-height:1em;
            text-align:center;
        }
        
.divLeft
{
    width:200px;
    float:left;
    margin: .25em .25em 0em .25em;
}

.divReservas
{
	background:#333333;
	border: solid 1px;
    margin-bottom:1em;
    width:200px;
}

.divNewsletter
{
	margin-bottom:.5em;
    border: solid 1px;
    vertical-align:middle;
    line-height:.5em;
    width:200px;
}

.divMiniOfertas
{
	margin-bottom:.5em;
    border: solid 1px;
    vertical-align:middle;
    line-height:.5em;
    width:200px;
}


.divOfertas
{
    float:left;
    border: solid 1px;
    width: 978px;
}

.lblOfertas
        {
            width: 978px;
            color:White;
            font-weight: bold;
            letter-spacing:2px;
            border-bottom: solid 1px white;
            text-align:left;
        }

.txtOferta
{
    font-size:x-small;
    font-weight:bolder;
    line-height:1.1em;
    color:White;
}
        
.lblMiniOfertas
{
    width:200px;
    height:15px;
    font-weight: bold;
    letter-spacing:2px;
    border-bottom: solid 1px;
    text-align:center;
    vertical-align:middle;
}

.oferta
{
    background-color:#333333;
    width:260px;
    height:100px;
    float:left;
    margin-left: 25px;
    border: solid 1px;
}

.imgOferta
{
    float:left;
    width:130px;
    height:100px;
}

.imgMiniOferta
{
    border: solid 1px;
}
        .anunOferta{
            float:right;
            width:120px;
            height:78px;
        }

.anunMiniOferta
{
    text-align:left;
    font-size:x-small;
    font-weight:bolder;
    line-height:1.1em;
    text-indent: 10px;
    margin-left: 20px;
    height:78px;
}

.FlechaIzda
{
    float:left;
    width:20px;
    height:100px;
}

.FlechaDcha
{
    float:right;
    width:20px;
    height:100px;
}

.central
{
    float:left;
    width:750px;
}

.centro
{
    float:left;
    width:456px;
    height:317px;
    margin:0px;
    padding:0px;
    border-right: solid 1px;
}

.entidades
{
    font-weight:bold;
    float:left;
    width:290px;
    height:317px;
    white-space:nowrap;
    background-color:#333333;
    background-image:url(imgs/MejoPG.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    text-align:left;
    background: #333333;
    margin-left:0px;
	text-align: left;
	line-height: 1.7em;
	font-size: 1em;
    list-style-type: none;
    list-style-image:url(imgs/flecharoja.gif);
    display:block;
}

.entidades > ul li:hover
{
	background-color: #cc0000;
}

.imgMejo
{
    text-align:right;
}

.txtHotel
{
    font-size:11px;
    text-align:left;
    margin-left:50px;
}

.loading
{
    background: url("Imgs/spinner.gif") no-repeat center center;
}

div.scrollable { 
     /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 936px; 
    height:102px; 
    background-color: #999999;
    border-left: solid 1px;
    border-right: solid 1px;
    float:left;
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.grupos
{
    background-color:gray;
    font-weight:bold;
    white-space:nowrap;
    margin-left:-20px;
    text-align:left;
	line-height: 1.1em;
	font-size: 1em;
	display:block;
}