/*
diariodelhotelero.com.ar
DESCRIPTION: Estilos del sitio
AUTHOR: Revuelta Ignacio
2009
*/

*{
margin: 0;
padding: 0;
}
body{
font-family:Arial,Verdana, Helvetica, sans-serif;
background:url(../images/bg_site.gif) repeat 0 0;
}
a img{border: none }

/*HEADER*/
.header{
width: 100%;
height:303px;
background: url(../images/bg_header.jpg) repeat-x 0 0;
}
.header .wrapper{
position: relative;
margin: 0 auto;
width:1003px;
height: 303px;
}

.header h1 a,.header h3{
position: absolute;
left:0;
top:0;
width:340px;
height:63px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/sp_main.jpg) no-repeat 0 0;
}
.header h3{
background-position: 0 -63px;
left:771px;
width:231px;
height:39px;
}

.header ul.menu{
position: absolute;
left:28px;
top:273px;
width:951px;
height: 30px;
list-style: none;
}
.header .menu a{
float: left;
display: block;
width:246px;
height: 31px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../images/sp_menu.gif) no-repeat 0 0;
}

/*Menu*/
.header .menu a.management{background-position: 0 0;}
.header .menu a.pool{width: 150px;background-position: -246px 0;}
.header .menu a.news{width: 92px;background-position: -399px 0;}
.header .menu a.business{width: 99px;background-position: -491px 0;}
.header .menu a.contactus{width: 99px;background-position: -590px 0;}
.header .menu a.trust{width: 123px;background-position: -686px 0;}
.header .menu a.rrhh{width: 66px;background-position: -806px 0;}
.header .menu a.search{width: 76px;background-position: -872px 0;}

/*Hover*/
.header .menu a.management:hover{background-position: 0 -30px;}
.header .menu a.pool:hover{width: 150px;background-position: -246px -30px;}
.header .menu a.news:hover{width: 92px;background-position: -399px -30px;}
.header .menu a.business:hover{width: 99px;background-position: -491px -30px;}
.header .menu a.contactus:hover{width: 99px;background-position: -590px -30px;}
.header .menu a.trust:hover{width: 123px;background-position: -686px -30px;}
.header .menu a.rrhh:hover{width: 66px;background-position: -806px -30px;}
.header .menu a.search:hover{width: 76px;background-position: -872px -30px;}

/*Current*/
.header .menu a.management.current{background-position: 0 -60px;}
.header .menu a.pool.current{width: 150px;background-position: -246px -60px;}
.header .menu a.news.current{width: 92px;background-position: -399px -60px;}
.header .menu a.business.current{width: 99px;background-position: -491px -60px;}
.header .menu a.contactus.current{width: 99px;background-position: -590px -60px;}
.header .menu a.trust.current{width: 123px;background-position: -686px -60px;}
.header .menu a.rrhh.current{width: 66px;background-position: -806px -60px;}
.header .menu a.search.current{width: 76px;background-position: -872px -60px;}

/*Flash Animation*/
.mainAnimation{
position:absolute;
left:26px;
top:67px;
overflow: hidden;
width:953px;
height:205px;
}

/*END HEADER*/

/*MAIN CONTENT*/
.mainContent{
position: relative;
width: 995px;
margin: 0 auto;
padding: 14px 4px;
background: #FFF url('../images/bg_mainContent.gif') repeat-x 0 0;
z-index:1000;
}
/*END MAIN CONTENT*/

/*GRADIENT*/
.gradient{
position: absolute;
left:0;
top: 303px;
width: 100%;
height:361px;
background: url('../images/bg_gradient.png') repeat-x 0 0;
z-index:1;
}
/*END GRADIENT*/

/*FOOTER*/
.footer{
position: relative;
margin: 0 auto 30px auto;
width: 1003px;
height:69px;
display: block;
text-align: left;
font-size: 11px;
color: #FFF;
z-index:1000;
}
.footer .center{
float: left;
display: block;
width: 971px;
height: 45px;
padding:25px 10px 0 10px;
background: url('../images/footer_center.gif') repeat-x 0 0; 
}
.footer .crnL,.footer .crnR{
float: left;
display: block;
width:6px;
height:69px;
background: url('../images/footer_crnL.gif') no-repeat 0 0; 
}
.footer .crnR{
float: left;
background: url('../images/footer_crnR.gif') no-repeat 0 0; 
}
/*END FOOTER*/


/*LEFT COLUMN*/
.leftColumn{
position: relative;
float: left;
display: block;
width: 325px;
padding: 20px;
background: url('../images/leftColumn_center.gif') repeat-x 0 0; 
}
.leftColumn .decoL,.leftColumn .decoR{
position: absolute;
left:0;
top:0;
width: 9px;
height: 358px;
background: url('../images/leftColumn_crnL.jpg') no-repeat 0 0; 
}
.leftColumn .decoR{
left:365px;
background: url('../images/leftColumn_crnR.jpg') no-repeat 0 0; 
}

/*Newsletter Box*/
.newsletterBox{
position: relative;
display: block;
background: #d3d3d3;
width:334px;
height:104px;
margin-bottom: 20px;
}
.newsletterBox .crnL,.newsletterBox .crnR, .newsletterBox .center{position: absolute;top: 0;}
.newsletterBox .crnL{
background: url('../images/newsletterbox_crnL.jpg') no-repeat;
width:65px;
height:104px;
left:0;
}
.newsletterBox .crnR{
background: url('../images/newsletterbox_crnR.gif') no-repeat;
width:6px;
height:104px;
right:0;
}
.newsletterBox .center{
left:75px;
top:17px;
}
.newsletterBox h3{
overflow: hidden;
display: block;
text-indent: -9999px;
background: url('../images/subscribe_title.gif') no-repeat 0 0;
height:14px;
width:240px;
}
.newsletterBox .desc{
font-size: 14px;
font-weight: bold;
color: #27aad4;
margin: 10px 0;
}
.newsletterBox #news_email{
border:1px solid #999;
color:#4A4A4A;
font-size:11px;
height:15px;
padding:2px 0 0 2px;
width:161px;
}
.newsletterBox .subscribe{
left:162px;
position:absolute;
top:50px;
}
.newsletterBox #newsSuccess{
background:#C4C4C4;
color:#666666;
font-size:12px;
font-weight:bold;
padding:5px 10px;
}
/*Ads*/
.ads h3{
display:block ;
border-bottom: 1px solid #a4a4a4;
font-size: 11px;
font-weight: bold;
color: #a4a4a4;
margin-bottom:10px;
padding-bottom:5px;
}
.ads .item{
display: block;
border: 1px solid #a4a4a4;
margin-bottom: 10px;
}
/*END LEFT COLUMN*/

/*PAGE CONTENT*/
.pageContent{
margin-left: 384px;
width: 596px;
font-size: 12px;
color:#363636;
line-height: 22px;
text-align: justify;
}

/*Page Header*/
.pageHeader{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url('../images/sp_page_headers.jpg') no-repeat 0 0;
height: 114px;
margin-bottom: 20px;
}
.pageHeader.search{background-position: 0 -957px ;height: 115px;}
.pageHeader.rrhh{background-position: 0 -838px ;height: 115px;}
.pageHeader.news{background-position: 0 -117px ;height: 115px;}
.pageHeader.business{background-position: 0 -356px ;height: 115px;}
.pageHeader.contactus{background-position: 0 -235px ;height: 115px;}
.pageHeader.pool{background-position: 0 -477px ;height: 115px;}
.pageHeader.management{background-position: 0 -597px ;height: 115px;}
.pageHeader.trust{background-position: 0 -717px ;height: 115px;}

/*END PAGE CONTENT*/

/*SIGND AND VALIDATION*/
.sign{
display: block;
font-size: 12px;
font-weight: bold;
padding: 10px 14px;
margin: 10px 0;
}
.sign.success{
background: #4ca606;
color: #FFF; 
}
.sign.success strong{
display: block;
font-size: 14px;
margin-bottom: 2px;
color: #85ff12;
}
.sign.error{
background: #a60624;
color: #FFF; 
}

/*Validation*/
.error{
border:1px solid #990000 !important;
color: #990000 !important;
background:#F1C5C5 !important;
}

/*END SIGND AND VALIDATION*/

/*PAGER*/
.pageBar {
clear:both;
font-size:11px;
margin:5px 0;
height: 24px;
}
.pageBar a,.pageBar span{
float: left;
display: block;
width: 24px;
text-align: center;
font-weight: bold;
color: #505050;
}
.pageBar a{
border:1px solid #d2d2d2;
background: #e2e1e1 url("../images/sp_bgs.gif") repeat-x 0 -30px; 
margin:0 1px;
text-decoration:none;
}
.pageBar a:hover {
color: #65B9CD ; 
border-color: #BBB;
}
.pageBar span.active{
border:1px solid #a5a3a3;
background: #b6b5b5 url("../images/sp_bgs.gif") repeat-x 0 -53px; 
font-size:11px;
color: #FFF;
font-weight:bold;
vertical-align:top;
cursor: default;
}

.pageBar a.prev,.pageBar a.next{
background-color: transparent;
float: left;
display: block;
width:25px;
height:23px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
background-repeat: no-repeat;
background-image: url("../images/sp_master.gif");
border: none;
}
.pageBar a.prev{background-position: 0 0;}
.pageBar a.next{background-position: -25px 0;}
.pageBar a.prev:hover{background-position: 0 -23px;border: none;}
.pageBar a.next:hover{background-position: -25px -23px;border: none;}
/*END PAGER*/

/*COMMON STYLES*/
.clearfloat{clear: both;}
.marginB{margin-bottom: 10px !important }
.noMarginR{margin-right: 0 !important;}
.noMarginB{margin-bottom: 0 !important;}

.back,.next,.btn_contact{
color:#018DBB;
font-size:11px;
font-weight:bold;
width:107px;
text-decoration: none;
background: url('../images/ico_back.gif') no-repeat 0 2px;
padding-left:30px;
}
.next{background: url('../images/ico_next.gif') no-repeat 0 2px;}

/*END COMMON STYLES*/

/*SECTION > HOME*/
.highlighted{
margin-bottom: 20px;
}
.highlighted .title{
position: relative;
display: block;
background: url('../images/bg_home_news.gif') repeat-x  6px 0;
width:356px;
height:29px;
margin: -5px 0 10px -11px;
}
.highlighted .title span{
position: absolute;
left:13px;
top:5px;
width:71px;
height:18px;
overflow: hidden;
text-indent: -9999px;
background: url('../images/news_title.gif') repeat-x  0 0;
}
.highlighted .item{
display: block;
padding-left: 60px;
background: url('../images/ico_news.jpg') no-repeat  8px 0;
width:275px;
height:50px;
margin-bottom: 10px;
border-bottom: 1px solid #d3d3d3;
}
.highlighted .item a{
display: block;
margin-bottom: 5px;
color: #015f78;
font-size: 12px;
font-weight: bold;
}
.highlighted .item p{
font-size: 11px;
color: #505050;
font-weight: bold;
}
.welcome span{
display: block;
margin-top: 20px;
font-weight: bold;
color: #018dbb;
}
/*END SECTION > HOME*/

/*SECTION > NEWS*/
.news .item{
position: relative;
display: block;
border-bottom: 1px dotted #b1b1b1;
margin-bottom: 10px;
padding-bottom: 10px;
height: 110px;
}
.news .item .thumbnail{
background:#ededed url('../images/bg_thumbnail.gif') no-repeat center center;
float: left;
width:144px;
height:107px;
overflow: hidden;
border: 1px solid #b4b4b4; 
}
.news .item .column{
margin-left:166px;
padding-top:8px;
}
.news .item .column a{
display: block;
color: #015f78;
font-size:16px;
font-weight: bold;
margin-bottom: 5px;
}
.news .item .column a:hover{color:#02a0cb}
.news .item .column p{
font-size: 12px;
color:#505050;
}
.news .item .next{
left:465px;
overflow:hidden;
position:absolute;
top:87px;
}
.news .item .next:hover{color: #00aee7;}

/*Details*/
#images{
float: left;
display: block;
position: relative;
text-align:left;
}
#images .imgWrapper img{
position: absolute;
display: none;
}
.details{height: 239px;}
.details .imgWrapper{
width:263px;
overflow:hidden;
height:231px;
border: 1px solid #b4b4b4; 
background:#ededed url('../images/bg_thumbnail.gif') no-repeat center center;
}
.details .column{margin-left: 280px;}
.details .column h2{
color: #015f78;
font-size:16px;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #b1b1b1;
}
.details .brief{color: #505050;}
.details .btn_contact{
display: block;
margin-top: 5px;
height: 30px;
background-image: url('../images/ico_contact.gif');
}
.description{
border-top: 1px dotted #b1b1b1;
margin-top: 10px;
padding-top: 10px; 
color: #505050;
line-height: 16px;
}
.backWrapper{
position: relative;
border-top: 1px dotted #b1b1b1;
margin-top: 10px;
padding-top: 10px; 
height: 20px;
}
.backWrapper .back{
position:absolute;
right: 0;
top: 10px;
height: 22px;
width: auto;
}
.news.searchResults{margin-top: 30px;}
.news.searchResults span{background: #CCC}
/*END SECTION > NEWS*/

/*SECTION > CONTACTUS*/
.highlighted.contactus{
font-size: 12px;
color: #505050;
line-height: 20px;
}

.highlighted.contactus .title span{
top: 8px;
width: 122px;
height: 14px;
background: url('../images/offices_title.gif') no-repeat  0 0;
}
.address,.links{
border-bottom: 1px solid #d3d3d3;
padding-bottom: 12px;
margin-bottom: 12px;
}
.address h3{
font-size: 14px;
font-weight: bold;
color: #015f78;
}
.links{
padding-left: 90px;
background: url('../images/ico_links.gif') no-repeat 0 center;
height: 81px;
}
.links a{color: #0199c2;}

/*Form*/
.requiredTitle{
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}
.group{
padding: 10px 17px;
margin-bottom: 10px;
}
.formField{
display: block;
margin-bottom: 10px;
}
.formField label{
float: left;
display: block;
padding-top: 3px;
font-size: 14px;
font-weight: bold;
color: #015f78;
text-align: right;
width: 114px;
}
.formField .column{
position: relative;
margin-left: 125px;
}
.formField .mandatory{
position: absolute;
top: 2px;
left: 363px;
font-size: 18px;
color:#c4c079;
width: 10px;
height: 10px;
}
.formField input,
.formField select,
textarea{
border: 1px solid #CCC;
padding: 3px;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #505050;
background:#FFF;
width: 350px;
} 

.formField select{
width: 359px;
}

.formField input.send,.formField input.btn_search{
border: none;
display: block;
overflow: hidden;
width: 87px;
height:29px;
text-decoration: none;
color: #FFF;
padding: 0;
cursor: pointer;
}

/*END SECTION > CONTACTUS*/

/*POOL & MANAGEMENT*/
#pool a,#management a{
color:#27AAD4 !important;
font-weight:bold;
}
#pool a:hover,#management a:hover{
color:#00AEE7
}
/*END POOL & MANAGEMENT*/