/*    
 Desc: Distrito Hotelero Plaza San Martin
 Author: Wilson Sanchez (http://www.wilsonsanchez.com)
 Date: 2010
=== === === === === === === === === === */


@import "reset.css";




/* GLOBAL ESTRUCTURE
=== === === === === === === === === === */

body {
	background:  repeat url(../images/bg.jpg);	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 87.5%;
	line-height:1.5em;
	color:#333;
	background-color:#EEEFF4;

}

#wrapper{
	width:940px;
	min-height:600px;
	margin: 0 auto;
}

#switcher-wrap{
	float:right;
	z-index:100;
}

#switcher-header{
	height:50px;
	width:340px;
	background: no-repeat url(../images/switch_wrap_bg.png);	
	margin-top:30px;
}

#switcher-header-en{
	height:50px;
	width:340px;
	background: no-repeat url(../images/switch_wrap_bg.png);	
	margin-top:30px;
}


#hotels-menu{
	width:300px;
	height:250px;
	background-image:url(../images/bg_hotels_menu.png);
	background-repeat:no-repeat;
	position:absolute;
	display:none;
	z-index:10;
	top:68px;
}

#content{
	margin-bottom:35px;

}


/* ESTRUCTURE - HOME
=== === === === === === === === === === */

#slideshow{
	margin-bottom:20px;
	
}

#welcome-message{
	height:200px;
	width:430px;
	color:#374E8F;
	font-style:italic;
	font-size: 0.857em;
	float:left;
	text-align:justify;
	margin-bottom:35px;
}

#separator-home{
	clear:both;
	margin-top:150px;
}

#promotions{
	float:right;
	height:210px;
	width:490px;
	background-image:url(../images/bg_promotions_es.png);
	background-repeat:no-repeat;
	margin-bottom:35px;
}


#promotions-en{
	float:right;
	height:210px;
	width:490px;
	background-image:url(../images/bg_promotions_en.png);
	background-repeat:no-repeat;
	margin-bottom:35px;
}




/* HEADERS
=== === === === === === === === === === */

#logo{
	padding: 160px 0 0 0;
    overflow: hidden;
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:160px;
	width:200px;
	float:left;

}

#title-reservation-pbx-es{
	padding: 80px 0 0 0;
    overflow: hidden;
	background-image:url(../images/title_reservation_pbx_es.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:80px;
	width:600px;
	display:block;
	float:right;
	
}


#title-reservation-pbx-en{
	padding: 80px 0 0 0;
    overflow: hidden;
	background-image:url(../images/title_reservation_pbx_en.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:80px;
	width:600px;
	display:block;
	float:right;
	
}



#switcher-header-en h2{
	padding: 35px 0 0 0;
    overflow: hidden;
	background-image:url(../images/title_switch_wrap_en.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:35px;
	width:280px;
	float:left;
}


#switcher-header h2{
	padding: 35px 0 0 0;
    overflow: hidden;
	background-image:url(../images/title_switch_wrap.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:35px;
	width:280px;
	float:left;
}






#welcome-message_title_es{
	background-image:url(../images/title_welcome_txt_es.png);
	padding: 100px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:100px;
	width:400px;
}

#welcome-message_title_en{
	background-image:url(../images/title_welcome_txt_en.png);
	padding: 100px 0 0 0;
    overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:100px;
	width:400px;
}

#content h2{
	width:700px;
	font-size: 1.857em;
	color: #101865;
	margin: 20px 0 10px 0;
	font-style:italic;
	border-bottom:dotted 1px #A5ADC9;
	padding-bottom: 10px;
}

#content h3{
	width:700px;
	color:#101865;
	margin: 20px 0 10px 0;
	font-style:italic;
	border-bottom:dotted 1px #A5ADC9;
	padding-bottom: 6px;
}


/* NAVG - MAIN MENU
=== === === === === === === === === === */

#main-menu{
	height: 50px;
	clear:both;
	overflow:hidden;
	float:inherit;
}

#main-menu li{
	display: inline;
}

#main-menu a{
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 50px;
}

#main-menu a:hover{
	background-position: 0 -50px;
}


#thome-es a{
	width: 105px;
	background: url(../images/btn_home_es.png) top left no-repeat;
}

#tabout-es a{
	width: 279px;
	background: url(../images/btn_about_es.png) top left no-repeat;
}


#tservices-es a{
	width: 247px;
	background: url(../images/btn_services_es.png) top left no-repeat;
}

#tcontact-es a{
	width: 135px;
	background: url(../images/btn_contact_es.png) top left no-repeat;
}

#tlanguage-es a{
	width: 174px;
	background: url(../images/btn_language_es.png) top left no-repeat;
}

#thome-en a{
	width: 105px;
	background: url(../images/btn_home_en.png) top left no-repeat;
}

#tabout-en a{
	width: 279px;
	background: url(../images/btn_about_en.png) top left no-repeat;
}


#tservices-en a{
	width: 223px;
	background: url(../images/btn_services_en.png) top left no-repeat;
}

#tcontact-en a{
	width: 149px;
	background: url(../images/btn_contact_en.png) top left no-repeat;
}

#tlanguage-en a{
	width: 184px;
	background: url(../images/btn_language_en.png) top left no-repeat;
}


/* NAVG - HOTELS MENU
=== === === === === === === === === === */

#hotels-menu li{
	display: inline;
}

#hotels-menu li a{
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height: 50px;
	width:270px;
	display:block;
	margin:8px 0 0 10px;
}


#tsanmartin a{
	background: url(../images/btn_sanmartin.png) top left no-repeat;
}

#tlibertador a{
	background: url(../images/btn_libertador.png) top left no-repeat;
}

#tgeneral a{
	background: url(../images/btn_general.png) top left no-repeat;
}

#tjuancarlos a{
	background: url(../images/btn_juancarlos.png) top left no-repeat;
}




/* TYPOGRAPHY
=== === === === === === === === === === */


.left {
	float:left;
}

.right {
	float:right;
}

.clear{
	clear:both;
}

.blue{
	color:#101865;
}




/* lINKS
=== === === === === === === === === === */

a {
	color:#501D0E;

  
}     

a:hover {
	color:#9B6246;
	
}  

#switch-arrow{
	padding: 40px 0 0 0;
    overflow: hidden;
	background-image:url(../images/switch_arrow.png);
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:40px;
	width:40px;
	display:block;
	float:right;
	cursor:pointer;
}


/*=LISTS
=== === === === === === === === === === */

.internal-list li{
	background-image:url(../images/bg-interior-lists.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding: 0 0 0 22px;
	margin: 0 0 20px 0 ;
}


/*=IMAGES
=== === === === === === === === === === */

#promotions img{
	margin: 8px 18px;
	
}

#promotions-en img{
	margin: 8px 18px;
	
}

/*=FORMS
=== === === === === === === === === === */

div.row-forms{
  width: 80%;
  margin:0 0 20px 0;
  padding: 0 0 10px 0;
  min-height:30px;
  border-bottom: 1px #DBDDE6 dotted;
  overflow: auto;
}


div.extended-textarea-forms{
  width: 80%;
  margin:0 0 10px 0;
  padding: 0 0 10px 0;
  height:100px;
  border-bottom: 1px #DBDDE6 dotted;

}

form{
	width: 700px;	
	margin: 20px 0 0 0;
}

label{

	font-weight: bold;
	font-style: italic;
	margin: 5px 0 5px 0;
	color:#101865;
	float:left
}

input{
	height:24px;
	width: 70%;
	padding:5px;
	border: solid 1px #DBDDE6;
	background-image: url(../images/textfield_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	font-weight: bold;	
	color:#6D7BA9;
	float:right;
}


input:focus{
	background-color:#FFFFCC;
	background-image: none;

}

select{
	height:30px;
	width: 72%;
	font-weight: bold;	
	color:#6D7BA9;
	float: right;
	padding:5px;
	border: solid 1px #DBDDE6;
	background-image: url(../images/textfield_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	
}

textarea{
	display:block;
	width: 72%;
	height:100px;
	border: solid 1px #DBDDE6;
	background-image: url(../images/textfield_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	color: #6D7BA9;
	float: right;


}


#btn-submit{
	background-image: url(../images/btn-submit-bg.png);
	background-repeat:repeat-x;
	color:#FFF;
	border: solid 1px #273969;
	height: 40px;
	width: 200px;
	float:none;
	margin: 0 0 0 235px;
}



/* TABLAS
=== === === === === === === === === === */


table {
	width:90%;
	border-top:1px solid #BFC4D5;
	border-right:1px solid #BFC4D5;
	border-collapse:collapse;
	clear: both;
	margin: 10px 0 20px 0 ;
}



td {
	color:#678197;
	border-bottom:1px solid #BFC4D5;
	border-left:1px solid #BFC4D5;
	padding:10px;
	text-align:center;

}	
			
th {
	color:#2C4287;
	border-bottom: 1px solid #BFC4D5;
	border-left:1px solid #BFC4D5;
	padding:10px;
	background:#BFC4D5;
}		

tr.blue td {
	background:#EAECF2;
}

td.blue{
	background:#EAECF2;
}


tr.white td {
	background:#FFF;
}

td.white{
	background:#FFF;
}

td.planos a{
	text-decoration:underline;
}

td.planos a:hover{
	color:#930l;
}




/* FOOTER
=== === === === === === === === === === */

#footer{
	clear:both;
	margin-bottom:20px;
	color:#101865;
	height:50px;
}



#footer ul li{
	float:left;	
	margin-left:5px;
	color:#101865;
}

#footer ul li a:active, a:link, a:visited{
	color:#101865;
	text-decoration:none;
	font-weight:bold;
	font-size:0.786em;

}

#footer ul li a:hover {
	text-decoration:underline;
	color:#333;
}

#footer p{
	clear:both;
	color:#3B5399;
	font-size:0.786em;
	font-style:italic;

}

#content-footer{
	float:left;
	width:700px;
}

#facebook {
	float:right;
	width:240px;
}