/*  Site:     Sitio Oficial Punta Teonoste
    Author:   Juan Ortega Ulloa
*/	
	

/*	GLOBAL
    --------------------------------------------------*/
	@import url("reset.css");
	body {background: url(../../images/template/bodybg.jpg);font-family:"Lucida Grande", Georgia, Palatino linotype; 	font-size:12px;}
	#skip{display:none}
	a{text-decoration:none; color:#65A1DB}
	a:hover{text-decoration: underline}
	input, select, textarea {  background:#FFFFFF  repeat-x scroll center top;border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
	.imgflotante{ float:left; }
	.imgflotante2{ float:left; margin:10px!important}
	.border, .borderflotante{background:#DDD8C7!important; padding:5px!important; margin:5px 0}
	.borderflotante{float: left; margin:0 10px 40px 0}

/*	ESTRUCTURA
    --------------------------------------------------*/
	#skipwrapper{ background:url(../../images/template/headerbg.jpg) center repeat-x; height:251px;}
	#wrapper{width:880px; margin:auto;margin-top:-251px}
	#header{padding:5px 0 0 0}
	#contenido{width:100%; }
	#maincolum{ width:70%; float:left; margin-right:5px;}
	#sidebar{ float:right;width:28%;margin-bottom:65px}
	#footercopyrigths{ text-align:center; margin:auto; /*float:right;*/ margin-top:20px}
	
    
/*	HEADER
    --------------------------------------------------*/	
	h1 a {background:transparent url(../../images/template/logo.png) no-repeat scroll left top;cursor:pointer;display:block;float:left;height:0 !important;overflow:hidden;padding:51px 0 0;width:236px; margin:10px 0 0 0}
	.offers, .ofertasdark {background: url(../../images/de/offers.jpg) no-repeat;cursor:pointer;display:block;float:right;height:0 !important;overflow:hidden;padding:28px 0 0;width:122px; margin:-50px 0 10px 47%}
	#slider{ background:url(../../images/sliderbg.jpg) no-repeat bottom #FFFFFF; height:345px; text-align:right; margin:20px auto; width:877px }
	#bannerwrapp{ background:url(../../images/sliderbg.jpg) no-repeat bottom; height:160px; text-align:right; margin:20px auto; width:877px }
	#bannerwrapp img{ background:#FFF; padding:3px; margin:auto}
	#sliderswf{ background:#FFFFFF;  padding:5px 5px 0 5px}
	.picgalbtn{background:transparent url(../../images/de/photogallery.gif) no-repeat scroll left top;cursor:pointer;display:block;float: right;height:0 !important;overflow:hidden;padding:14px 0 0;width:163px; margin:15px}


/*	MENU
    --------------------------------------------------*/
	.secnav{ width:100%; text-align:right; margin:0 0 10px 0; font:bold 11px "Trebuchet MS";color:#F29501}
	.secnav li{ display:inline; }
	.secnav li a {color:#F29501}
	.menu{float:right; width:64%;margin:35px 0 0 0 }
	.menu li{float:left; margin:0 5px; display: inline;}
	.menu li a { display: block; height:16px; text-indent: -9999px;}
	.menu li a#inicio { width:67px; background:url(../../images/de/menu.png) no-repeat 0 -20px}
	.menu li a#hotel { width:67px; background:url(../../images/de/menu.png) no-repeat -79px -20px}
    .menu li a#villas { width:101px; background:url(../../images/de/menu.png) no-repeat -155px -20px}
    .menu li a#tarifas { width:65px; background:url(../../images/de/menu.png) no-repeat -260px -20px}
    .menu li a#actividades { width:110px; background:url(../../images/de/menu.png) no-repeat -341px -20px}
	.menu li a#servicios { width:86px; background:url(../../images/en/menu.png) no-repeat -467px -17px}
    
	.menu li a#inicio:hover { width:67px; background:url(../../images/de/menu.png) no-repeat 0 -41px}
	.menu li a#hotel:hover { width:67px; background:url(../../images/de/menu.png) no-repeat -79px -41px}
    .menu li a#villas:hover { width:101px; background:url(../../images/de/menu.png) no-repeat -155px -41px}
    .menu li a#tarifas:hover { width:65px; background:url(../../images/de/menu.png) no-repeat -260px -41px}
    .menu li a#actividades:hover { width:110px; background:url(../../images/de/menu.png) no-repeat -341px -41px}
	.menu li a#servicios { width:86px; background:url(../../images/en/menu.png) no-repeat -467px -17px}
	
	body.inicio .menu li a#inicio { width:67px; background:url(../../images/de/menu.png) no-repeat 0 -1px}
	body.hotel .menu li a#hotel { width:67px; background:url(../../images/de/menu.png) no-repeat -79px -1px}
	body.villas .menu li a#villas{ width:101px; background:url(../../images/de/menu.png) no-repeat -153px -1px}
	body.tarifas .menu li a#tarifas { width:65px; background:url(../../images/de/menu.png) no-repeat -260px -1px}
	body.activities .menu li a#actividades { width:110px; background:url(../../images/de/menu.png) no-repeat -335px -1px}
	body.servicios .menu li a#servicios { width:86px; background:url(../../images/en/menu.png) no-repeat -467px -1px}


/*	TYPO
    --------------------------------------------------*/	
	h2{ background:url(../../images/borderbg.jpg) repeat-x top center; font:bold 15px "Georgia"; margin:10px 0; text-align:center; color:#735833; padding:15px 0 0 0; text-transform:uppercase; float:left; width:98%}
	h3{font: 13px "Lucida Grande"; margin:5px 0;color:#996B33; text-transform:uppercase; float:left; width:100%}
	p{color:#5B5248; font-family:"georgia", times,serif; font-size:12px; line-height:19px; margin:10px 0 }
	.enlaces li, .enlacescol li, .enlacescolsinlinks li { background:url(../../images/vineta.gif) no-repeat 0 5px; padding:0 0 0 10px; margin:2px}
    .enlacescol li { float:left; width:40%}
	.enlacescolsinlinks li {float:left; width:43%; color:#5B5248; text-decoration:underline}

	
	
	
	/*	SIDEBAR
    --------------------------------------------------*/
	.sidebarmod{ float:right; width:100%; margin:5px 0; z-index:10}
	.sidebarmod img{ margin:3px 0}
	#prereserva{ background:url(../../images/de/prereservamodbg.jpg) no-repeat; height:155px; padding:50px 0 0 0}	
	.sidebarmod p{ padding:4px; margin:5px }
	.btn{ margin:0 0 0 60px}
	#smediabtns {background: url(../../images/followus.jpg) no-repeat; height:155px; padding:60px 0 0 68px; margin:5px 0; float:left;}
	#smediabtns li{float:left; margin:0 5px; }
	#smediabtns li a { display: block; height:41px; width:42px; text-indent: -9999px;}
	
	#smediabtns #fb{background: url(../../images/smediabtns.png) no-repeat 0 0}
	#smediabtns #twitter {background:url(../../images/smediabtns.png) no-repeat -60px 0}
	
	#smediabtns #fb:hover{background: url(../../images/smediabtns.png) no-repeat 0 -41px}
	#smediabtns #twitter:hover {background:url(../../images/smediabtns.png) no-repeat -60px -41px}
	
	
	
	/*	Footer
    --------------------------------------------------*/
	#footer{ float:left; width:97%; padding:20px 10px; margin:40px 0 0 0; background-color:#F1EEE3; position:relative;z-index:10}
	#footer .enlaces li{ background:url(../../images/vinetadark.jpg) no-repeat 0 5px; padding:0 0 0 10px; margin:2px}
	.footermod{ float:left; width:15%; padding-left:20px;}
	#footermodlogos{ float:left; margin:0px;}
	#footermodlogos img{ margin:0px;}
	.footermod h4{ background:url(../../images/h4bg.gif) repeat-x bottom; font:12px "Georgia"; color:#B5A491; margin:0 0 4px 0; padding:0 0 3px 0; text-transform:uppercase}
	#footercopyrigths p{ color:#B5A491; line-height:10px!important; font:11px!important}
	#palm{ background:url(../../images/palm.jpg) no-repeat; width:159px; height:275px; position:absolute; bottom:0; right:-75px; z-index:-10 }

	/*	Tablas
    --------------------------------------------------*/
	 
	 table{	font-family:"Trebuchet MS";	margin:10px 2px;	font-size:13px;	text-align: center; width:100%}   
	 table caption{text-transform:uppercase; background: url(../../images/tableheaderbg.jpg) repeat-x 0 0; text-align:center; font-weight:bold; color:#787369; margin:0 0 -10px 0;font-size:12px}

     table thead th{font-size:11px;padding:0.5em 1em;text-transform:uppercase; background: url(../../images/tableheaderbgdark.jpg) repeat-x 0 0; text-align:center; font-weight:bold; color:#fff;}
    table tbody .filaroja{ background:url(../../images/filasbg.jpg) repeat-x}
     table tbody td{border-bottom:1px solid #DADADA;padding:0.5em; text-align:center }
     .price{ text-align:center; color:#787369; font-weight:bold}
	
	/*	INDEX
    --------------------------------------------------*/	
	.maincolmod,.maincolmodlarge { float:left; margin:10px; width:45%}
	.maincolmodlarge {width:95%; margin:10px auto;}
	.maincolmod img, .maincolmodacti img{ background:url(../../images/picbg1.jpg) scroll center no-repeat; padding:5px 5px 15px 5px}
	.maincolmodlarge img{ background:url(../../images/picbglarge.jpg) bottom no-repeat #FFFFFF; padding:5px 5px 15px 5px;}	

     /*	HOTEL
    --------------------------------------------------*/
	.tipscolmod, .features, .importantmod{ margin:10px 0 ; background:#F2EFE4; padding:10px; float:left; width:97%}
    .tipscolmod p	{font: 16px  "Times New Roman "!important; color:#5B5248; }
	.tipscolmod h2, .features h2{ background: url(../../images/borderbgdivdark.jpg) repeat-x top center; font:bold 15px "Georgia"; margin:10px 0; text-align:center; color:#735833; padding:15px 0 0 0; text-transform:uppercase; float:none; width:95%}
	/*	VILLAS
    --------------------------------------------------*/
	.features{ margin:10px 0 ; background:none; padding:10px; float:left; width:100%}
	.features h2{ background: url(../../images/borderbgsmall.gif) no-repeat top center;}
	.features .listcol{ margin:0 0 0 130px; width:80%; }
	.features .listcol li{ background:url(../../images/vinetastar.gif) no-repeat; padding:0 0 0 15px; float:left; margin:10px;width:35%; }
	
	 /*	Tarifas
    --------------------------------------------------*/
	.maincolmodtarifas{float:left; width:90%; margin:15px 2px}
	.ofertasdark {background: url(../../images/de/ofertaspic.jpg) no-repeat; margin:-25px 35px 2px 0;padding:25px 0 0;width:109px; }
	 /*	Actividades
    --------------------------------------------------*/
	.maincolmodacti{ float:left; width:100%; margin:5px 0}
	.maincolmodactides{ float:right; width:60%; margin:0 0 0 10px}
	
	/*	Formularios
    --------------------------------------------------*/
	
	#formcontact, #mc-embedded-subscribe-form{padding:10px 20px; margin:0;width:95%}
	fieldset{ width:50%}
	 #formcontact input, select, textarea, #mc-embedded-subscribe-form input{ display:block; margin:5px 0; padding:5px; font-size:14px; font-family:Georgia; margin:0 0 15px 0}
	 #formcontact input:focus, textarea:focus, #mc-embedded-subscribe-form input:focus { background:#FFFFCC}
	  #formcontact label, #mc-embedded-subscribe-form label{ font-weight:bold; text-transform:uppercase; display:block; margin:0 0 5px 0}
	 #extrainfo{ float:right; width:40%; padding:10px 5px 10px 20px}
	 #extrainfo ul{ margin:20px 0}
	 #extrainfo ul li{ margin:5px 0; background: url(../../images/vinetadark.jpg)  no-repeat 0 5px; padding:0 20px}
	 input.error, textarea.error {border:1px dotted red;}
	 label.error {color:red!important;font:italic 12px "Trebuchet MS"!important ; margin:0 0 5px 0}
	 #newsletterreg{ float:left; width:100%; margin:10px 0 ;  clear:both; }
	 #newsletterreg label{ float:right; margin:0 18px 0 5px; width:85%;font:italic 15px "Times"!important; ; text-transform:capitalize!important}
	 * html #newsletterreg label{width:75%;}


#tabs_header, .faqs_tabs_header{cursor: pointer;
}

.faqs_tabs_header{cursor: pointer; padding:5px; }
.faqs_tabs_header p{ font-weight:bold; color:#471A00; margin:2px!important}
.tabs, .faqs{background:#F2EFE4; }
.faqs{ margin:5px 0; padding:0 0 5px 0;}
.tabs_body{ width:85%; padding:5px; float:left; margin: 0 0 10px 30px; background:#DDD8C7}
.faqs_tabs_body{ width:85%; padding:5px; margin: 0 0 15px 30px; background:#ECE8D9 }

.lista{ float:left}
.lista li{ background:url(../../images/vineta2.gif) no-repeat 0 5px; padding:0 0 0 15px;margin:5px; float:left; width:40%}
.featured{ background:url(../../images/bgfeaturedtop.jpg) no-repeat top center; margin:15px 0; padding:5px 20px; width:90%}
.featured > p{ background:url(../../images/bgfeaturedbottom.jpg) no-repeat bottom center; font-weight:bold; padding:0 0 20px 0}

.actividadesmodwrap{ width:100%; margin:10px; padding:5px 0 0 0; float:left}
.actividadesmodleft{ float:left; width:45%; }
.actividadesmodleft h3{ font:bold 14px "Times New Roman"; text-decoration:underline}

.importantmod
{ background:url(../../images/de/topbgimportantmoden.jpg) no-repeat scroll -10px 0 ; padding:60px 0 20px 60px; width:94%; }
.botom{ background:url(../../images/bottombgimportantmod.jpg) no-repeat scroll 20px 0 ; padding:10px 0 0 0; width:95%; height:40px; float:left; margin-top:-10px}

.fondoboda{
background-image:url(../../images/fondo_boda_en.png);
background-repeat:no-repeat;
width:600px;
height:468px;
padding-left:35px;
margin-top:40px;
}

.fondosurf{
background-image:url(../../images/fondo_surf_en.png);
background-repeat:no-repeat;
width:598px;
height:468px;
padding-left:35px;
margin-top:43px;
padding-top:15px;
}

.robles{
text-align:center;
}