/* RESET */
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

#formasflash{
	width:100%;
	height:450px;
	text-align:center;
	margin:0px auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-3;
	background:url(img/dgd-transp.png) bottom repeat-x;
}		

body { 
    /*margin: 10px;*/
    padding: 0; 
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #ededec;
    color:#695547;
}

@font-face {
	font-family: 'AllerDisplayRegular';
	src: url('allerdisplay-webfont.eot');
	src: local('?'), url('allerdisplay-webfont.woff') format('woff'), url('allerdisplay-webfont.ttf') format('truetype'), url('allerdisplay-webfont.svg#webfontdEHTYcNv') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 { font-size:2.25em;  /* 16x2.25=36 */ font-family: 'AllerDisplayRegular', sans-serif;}
h2 { font-size:1.5em;   /* 16x1.5=24 */ margin: 0.83em 0; line-height:0.83em; font-family: 'AllerDisplayRegular', sans-serif;}
h3, #modulos legend { font-size:1.125em; /* 16x1.125=18 */ color:#df4f66; margin: 0.75em 0; line-height:1em;font-family: 'AllerDisplayRegular', sans-serif;}
h4 { font-size:0.875em; /* 16x0.875=14 */ }
h5, #modulos legend { font-size:1.125em; /* 16x1.125=18 */ color:#ff6600; margin: 0.75em 0; line-height:1em;font-family: 'AllerDisplayRegular', sans-serif;}
p,dd, address { font-size:0.85em;  /* 16x0.75=12 */ line-height:1.25em;}

p {margin: 1.25em 0;}

strong{font-weight: bold;}

em {font-style: italic;}

a img{
	border:none;
}

a {color: #f17d00;}

.col3, .col4{
  float: left; margin: 0 20px 0 0; overflow: hidden; 
}

.col3{
	width: 220px;
}

.col4{
	width: 300px;
	margin:0;
}

.caja{
	border:#ededec solid 1px;
	background: rgb(255, 255, 255); /*para IE sin transparencia RGBa*/
	filter:alpha(opacity=50);
	background: rgba(255, 255, 255, 0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 width: 100%; overflow: hidden; margin: 0 0 1em 0; display: block; overflow: hidden;
}

.cajatwitter{
	background: url(img/fondo-tweet.png) left center no-repeat;
}


#twitter{
	height: 21px;
	color:#fff;
	margin: 0;
}

#twitter p {margin:0 0 0 15px;line-height: 21px; font-family: Georgia, Times, "Times New Roman", serif; font-size:11px; font-style: italic; float: left; letter-spacing: 0.01em;}

.atwitter {background: url(img/twitter-ico.png) center center no-repeat; display: block; text-indent: -9999px; width: 21px; height:21px; float:right;
}

#modulos{
	width:100%;overflow: hidden; margin: 0.75em 0; display: block; overflow: hidden;
	border-top:2px solid #f17d00;
	/*padding: 0.75em 0;*/
}

#modulos h3, #modulos legend{margin-bottom: 0.5em;}
#modulos p{margin-top: 0.5em;}

#wrapper{
	margin: 0 auto;
	position:relative;
	width:960px;
z-index:1;
	}


#iso {
	position:absolute;
	left:-10px;
	top:-10px;
}

.isoroberta {background: url(img/isologo-roberta.png) center center no-repeat;display: block;text-indent: -9999px; width:230px; height:321px;}

#site {
    width: 780px;
	margin:20px 0 0 160px;
	position:relative;
	z-index: -1;
	overflow: hidden; 
}

#header{
	width: 100%;
	position: relative;}
	



#roberta {
	margin: 0 25px;
	position:relative;
	width:250px;
	padding:0 0 1em 0;
}

#roberta img{
	margin:0;
	padding:0;
}

h1 .logo {
	width: 189px; height: 82px;
	background: url("css/img/roberta.png");
	text-indent: -9999px;
}


#idiomas{position:absolute; top:0; right:0}
#idiomas ul li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-left:10px; width: 30px; height: 21px; }
#idiomas ul li a {background: url(img/spidioma.png) no-repeat 0 0; display:block; width: 100%; height: 100%;}
#idiomas ul li a.esp{background-position:0 -21px;}
#es #idiomas ul li a.esp, #ubicaciones #idiomas ul li a.esp {background-position:0 0;}
#idiomas ul li a.esp:hover{background-position:0 0;}

#idiomas ul li a.por {background-position:0 -63px;}
#br #idiomas ul li a.por, #ubicacionbr #idiomas ul li a.por  {background-position:0 -42px;}
#idiomas ul li a.por:hover {background-position:0 -42px;}

#idiomas ul li a.eng {background-position:0 -105px;}
#en #idiomas ul li a.eng, #ubicacionen #idiomas ul li a.eng {background-position:0 -84px;}
#idiomas ul li a.eng:hover {background-position:0 -84px;}

#idiomas ul li a.fra {background-position:0 -147px;}
#fr #idiomas ul li a.fra, #ubicacionfr #idiomas ul li a.fra{background-position:0 -126px;}
#idiomas ul li a.fra:hover {background-position:0 -126px;}

#redes {position: absolute; left: 240px; top: 0;}

#nav{
	width:100%;
	padding:0;
}

ul.menu{
	margin-left: 40px;

}

ul.menu li{
	float:left;
	padding:10px 0 10px 40px;
	font-size: 0.875em;
}

ul.menu li a {
	display:block;
	color:#990033;
	text-decoration:none;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'AllerDisplayRegular', sans-serif;
}

ul.menu li r {
	display:block;
	color:#ff6600;
	text-decoration:none;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'AllerDisplayRegular', sans-serif;
	
}

.reservar {
	display:block;
	color:#ff6600;
	text-decoration:none;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'AllerDisplayRegular', sans-serif;

	
}
ul.menu li a:hover {
	color:#695547;
}

#contenido{
	width:100%;overflow: hidden; margin: 0 0 1em 0; display: block; overflow: hidden;
}

#cont-principal{
	float: left;
  	width: 460px;

}

#sidebar{
	float: right;
  	width: 300px;
  	margin: 4em 0 0;
}

body.cont_ancho #cont-principal{
	width: 530px;
}

body.cont_ancho #sidebar{
	width: 230px;
}

#sidebar address {margin-left: 25px;}

#ubicaciones #sidebar, #ubicacionbr #sidebar, #ubicacionen #sidebar { margin: 1em 0;}


#footer{border-top:2px solid #695547;}
#footer p{float: left;}


/*Estilos del mailto:*/
a[href^="mailto"] { color: #f17d00; }
a[href^="mailto"]:hover:after { content: " > " attr(title); }

#firma{float:right; margin: 0.75em 0; }

h6 .armentano{
	width: 100px; height: 10px;
	background: url("css/img/armentano.png");
	text-indent: -9999px;
}


/*Estilos Suites*/

#page-wrap { width: 780px; padding: 0; margin: 0 0 1em 0; overflow: hidden; height: 100%; }
.info-col { float: left; width: 137px; height: 100%; }
.info-col h3 { text-align: center; }
.info-col h3 span {color:#695547;font-size: 0.85em;line-height: 1.1;}

.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.roberta1{ background: url(../img/roberta1.jpg) center center no-repeat; }
.roberta2 { background: url(../img/roberta2.jpg) center center no-repeat; }
.grand-suite { background: url(../img/grand-suite.jpg) center center no-repeat; }
.roberta-fontana { background: url(../img/roberta-fontana.jpg) center center no-repeat; }
.roberta-rosa { background: url(../img/roberta-rosa.jpg) center center no-repeat; }

dl { }
dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; font-weight: bold;}
dd { position: absolute; left: -9999px; top: -9999px; width: 198px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: #b9122b; }
dd:nth-of-type(1) { background: #b9122b; }

dt:nth-of-type(2) { background: #f17d00; }
dd:nth-of-type(2) { background: #f17d00; }

dt:nth-of-type(3) { background: #f6b412; }
dd:nth-of-type(3) { background: #f6b412; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

ul.suites li{ margin-left:15px; list-style: disc; margin-bottom:0.25em;}

.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }



/*Estilos Form*/
label {font-size: 0.85em; font-weight: bold;}

#modulos label {font-size: 0.75em; font-weight: bold; float: left; width: 50px; text-align:right; margin-right: 10px; display: block; cursor:pointer; padding: 0;}

#modulos input {margin-bottom: 1em; font-size: 0.75em; width:220px;}

#modulos fieldset {margin-top:0.2em; border: 1px solid;padding:5px;}

#modulos select {width:220px;}

#modulos .button{margin:1em 0 1em 60px; background:url(img/btn.png) no-repeat center top;width: 67px; height: 47px; color:white;font-family: 'AllerDisplayRegular', sans-serif; cursor: pointer; font-size: 1em;}
#modulos .button:hover{background:url(img/btn.png) no-repeat center bottom;}


label.error {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px;
	color: #da3939;
	font-size: 0.75em;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}

#modulos input.in {width: 100px;}
#modulos input.out {width: 100px;}


/* Estilos promos */

.promo				{ width: 760px; margin: 0 0 10px 0; position: relative; height: 100px;border: 1px solid white;   background: white;}

.promo:hover{border: 1px solid #695547;}

.promo img        { position: absolute; top: 0; left: 0; border-right:1px solid white; }
                   	
.barratitulo        { padding: 4px 0 4px 170px; overflow: hidden;width: 590px; color:white;}

.rojo {background: #b9122b;border-bottom: 1px solid #df4f66;}
.naranja {background: #f17d00; border-bottom: 1px solid #f6b412;}
.amarillo{background: #f6b412;border-bottom: 1px solid #f6d017;}


.tit-promo                 { width: 60%; float: left; font-family: 'AllerDisplayRegular', sans-serif; font-size: 1.125em;}
.vigencia                     { width: 35%; float: right; text-align: right; letter-spacing: 2px; padding: 0 5px 0 0; font-size: 0.75em; line-height: 20px; }
                              
.desc-promo              { padding: 10px 0 10px 170px; font-size: 1em; overflow: hidden;}

h3 .amarillo{ padding: 0 1em;}
h3 a .amarillo {color: black;}

#Boton_reserva_m {
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #ff6600;
border: 2px solid #fff;
padding: 5px;
color: #fff;
font-size: 100%;
float:right;
margin-bottom: 1em;
text-align:center;
text-decoration:none;
width: 220px;
}
#Boton_reserva_m:hover {
    background: #003580;
    cursor: pointer;
    color: #fff;
}

#Boton_reserva_suites {
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #ff6600;
border: 2px solid #fff;
padding: 5px;
color: #fff;
font-size: 90%;
float:left;
margin-bottom: 1em;
text-align:center;
text-decoration:none;
width: 205px;
}
#Boton_reserva_suites:hover {
    background: #003580;
    cursor: pointer;
    color: #fff;
}