/**
 * general.css
 *
 * This style was developed by Israel Barba. 
 * It reflects the styles for the front-end project.
 *
 * @project   Sheraton vallarta
 * @author    Israel Barba
 * @copyright 2011
 * @media     all
*/




/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {margin:0; padding:0; outline:none}
html, body {height:100%;}
body {font-family:Verdana, Geneva, sans-serif; font-size:62.5%; background:#f1ebd5 url(../../img/background.jpg) no-repeat top center;}


/**
 * -------------------------
 * @section Generals
 * @info    This properties are for entire fron-tend and we could use whenever.
 * -------------------------
*/

.no_margin {margin:0px !important;}
.no_border {border:none !important;}
.no_border_top {border-top:none !important;}
.no_border_left {border-left:none !important;}
.no_border_right {border-right:none !important;}
.no_border_bottom {border-bottom:none !important;}
.no_margin_right {margin-right:0px !important;}
.no_margin_left {margin-left:0px !important;}
.no_margin_bottom {margin-bottom:0px !important;}
.no_margin_top {margin-top:0px !important;}
.no_padding {padding:0px !important;}
.no_padding_top {padding-top:0px !important;}
.no_padding_left {padding-left:0px !important;}
.no_padding_right {padding-right:0px !important;}
.no_padding_bottom {padding-bottom:0px !important;}
.no_bg {background:none !important;}
.no_display {display:none !important;}
.display {display:block !important;}
.middle {vertical-align:middle;}
.no_float {float:none !important;}



/**
 * -------------------------
 * @subsection Header options
 * -------------------------
*/
.header{ margin-bottom:40px;  }
.header .wrap_header{width:960px; margin:0 auto; height:76px;position:relative;}
.header .leaf_left{ position:absolute; top:0; left:0; background:url(../../img/leaf_left_right.png) no-repeat top left; width:791px; height:334px;}
.header .leaf_right{position:absolute; top:0; right:0; background:url(../../img/leaf_up_right.png) no-repeat top left; width:562px; height:202px;}
.header .wrap_header .menu{ position:relative; width:708px; height:76px; margin:0 auto; padding:0 80px 0 80px; background:url(../../img/bg_menu.png) no-repeat;}
.header .wrap_header .menu .logo{ position:absolute; top:8px; left:364px; z-index:999;}
/*.header .wrap_header .menu .tel{ position:absolute; top:72px; right:0px; width:346px; height:65px;}*/


.header .wrap_header .menu .tel a{ position:absolute; top:72px; right:0px; background:url(../../img/telefono.png) no-repeat; width:346px; height:65px;}
.header .wrap_header .menu .tel a:hover{ background:url(../../img/telefono_over.png) no-repeat;}


.header .wrap_header .idioma{ position:absolute; z-index:999; padding-top:1px; width:121px; height:23px; top:0px; right:0px; background:url(../../img/bg_idioma.png) no-repeat top center; text-align:center;}
.header .wrap_header .idioma a{ text-decoration:none; color:#FFF; cursor:pointer; width:50px;}
.header .wrap_header .idioma a:hover{ text-decoration:underline;}

ul#awesome-menu{ width:868px; list-style:none;}
ul#awesome-menu li a{ display:block; float:left; height:76px; text-indent:-9999px; background-image:url(../../img/menu-sprite.png);}
ul#awesome-menu li a.concepto{ width:119px; height:48px; background-position:0px 0px;}
ul#awesome-menu li a.concepto:hover	{ background-position:0px -81px;}
ul#awesome-menu li a.servicios{ width:119px; height:48px; background-position:-140px 0px;}
ul#awesome-menu li a.servicios:hover{ background-position:-140px -81px;} 
ul#awesome-menu li a.galeria{ margin-left:156px; width:118px; height:48px; background-position:-431px 0px;}
ul#awesome-menu li a.galeria:hover{ background-position:-431px -81px;} 
ul#awesome-menu li a.ubicacion{ width:119px; height:48px; background-position:-570px 0px;}
ul#awesome-menu li a.ubicacion:hover{ background-position:-570px -81px;} 

/**
 * -------------------------
 * @subsection wrapper options
 * -------------------------
*/
.general_wrapper {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -290px; /* the bottom margin is the negative value of the footer's height */ }

/**
 * -------------------------
 * @subsection Footer options
 * -------------------------
*/
.footer{ background:url(../../img/linea.png) no-repeat top center; padding:30px 0 0 0; position:relative; }
.leaf_down{ background:url(../../img/flowers_down_left.png) no-repeat top left; width:962px; height:365px; margin-top:-365px; margin-left:-90px;}

.footer .wrap_footer{width:960px; margin:0 auto; position:relative;}
.footer, .push { height: 290px; /* .push must be the same height as .footer */ }
.footer .wrap_footer .ubiquemos{ position:absolute; top:0px; right:380px; width:330px; padding-right:7px; height:120px; 
								 /*background-color:rgba(241,235,213,0.2); */}
.footer .wrap_footer .ubiquemos h6{ font-size:30px; color:#5f695a; margin-bottom:10px; text-align:right;}
.footer .wrap_footer .ubiquemos p{ font-size:12px; color:#000000; text-align:right; line-height:16px; letter-spacing:1px; 
   -webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);}
.footer .wrap_footer .ubiquemos b{color:#ff6900;}
.footer .wrap_footer .ubiquemos a{color:#ff6900; display:block; text-decoration:underline; font-size:12px; text-align:right;}
.footer .wrap_footer .mapa{ position:absolute; top:0px; right:0;  width:360px; height:180px; border-width:5px; 
								-webkit-box-shadow: #666 1px 1px 6px;
								-moz-box-shadow: #666 1px 1px 6px;
								box-shadow: #666 1px 1px 6px;}
.footer .wrap_footer .redes{ position:absolute; top:190px; right:0px; width:150px; height:90px; }
.footer .wrap_footer .redes a{opacity: 0.8;}
.footer .wrap_footer .redes a:hover{opacity: 1;}
.footer .wrap_footer .like{ position:absolute; top:200px; right:160px; width:170px; height:50px; text-align:center;}
.footer .wrap_footer .fan{ position:absolute; top:190px; right:360px; width:160px; height:90px; }
.footer .wrap_footer .fan .imagen{ position:absolute; left:0; top:0; width:50px;}
.footer .wrap_footer .fan .domain{ position:absolute; right:0; top:12px; width:110px;}
.footer .wrap_footer .fan .domain a{ color:#000; font-size:12px; font-weight:normal; text-decoration:none;}
.footer .wrap_footer .fan .domain a:hover{text-decoration:underline;}

.footer .wrap_footer .fan .domain p{ color:#784004; font-size:12px; font-weight:bold; margin-top:5px;}
.footer .wrap_footer .redes p{ font-size:12px; color:#000000; margin-bottom:15px;}

.footer .wrap_footer .right{position:absolute; top:268px; left:0; width:450px; height:10px; }
.footer .wrap_footer .right p{font-size:11px; color:#fff;-webkit-text-shadow: 0 1px 0 rgba(0,0,0,.6);
	-moz-text-shadow: 0 1px 0 rgba(0,0,0,.6);
	text-shadow: 0 1px 0 rgba(0, 0, 0, .6);}
.footer .wrap_footer .developed{position:absolute; top:265px; right:0; width:180px; height:10px;}
.footer .wrap_footer .developed p{ font-size:12px; color:#5f695a; }
.footer .wrap_footer .developed b{ font-weight:bold;}
.footer .wrap_footer .developed a{color:#5f695a;}


/**
 * -------------------------
 * @info    Support some CSS3 properties for IE6+.
 * @see     CSS3 Pie
 *          http://css3pie.com/
 * -------------------------
*/
.css3 {behavior:url(pie.htc); position:relative;}




/**
 * -------------------------
 * @section Home
 * -------------------------
*/
.home{ width:940px; margin:0 auto; padding:10px; position:relative;}
.home .slider{ position:relative; width:878px; height:446px; padding:0 40px 0 43px;  background:url(../../img/bg_slider.png) no-repeat center;}
.home .slider img{  margin-top:30px;}

.home  a{ text-indent:-9999px; display: block;   background-image:url(../../img/flechas-sprite.png); color:#FF0000;  }
.home .leftArrow{ position:absolute; z-index:9999; top:170px; left:43px; width:42px;height:96px; background-position:0px 0px;}
.home .leftArrow:hover{background-position:0px -97px;}

.home  a.rightArrow{ position:absolute;z-index:9999; top:170px; right:20px; width:42px; height:96px; background-position:43px 0px;}
.home  a.rightArrow:hover{background-position:43px -96px;}

.home .sub-slider{ min-height:90px; position:relative;}
.home .sub-slider .hiddenInfo{ display:none;}
.home .sub-slider .ban_1,
.home .sub-slider .ban_2,
.home .sub-slider .ban_3 { position:absolute; top:-90px; z-index:9999;}

.home .sub-slider .ban_4,
.home .sub-slider .ban_5,
.home .sub-slider .ban_6,
.home .sub-slider .ban_7 { position:absolute; top:-150px; z-index:9999;}


/**
 * -------------------------
 * @section Galeria
 * -------------------------
*/
.galeria{ width:940px; margin:0 auto; padding:10px; position:relative;}
.galeria .wrap_galeria{ overflow:hidden; padding-left:35px; margin-top:50px; min-height:494px}
.galeria .wrap_galeria h1{ position:absolute; top:0px; left:140px; font-size:64px; color:#f89934;}

.simplePagerContainer{ overflow:hidden;  position:relative; padding-top:35px; margin-left:0px;}
ul.pagination1 li:hover{}
ul.pagination1{ background:#0C0; }
ul.pagination1 li{ 
	float:left;
	width: 266px; 
	height:202px;
    margin: 0px 35px 27px 0;
	list-style:none;
	
}
ul.pagination1 li img{ border:7px solid #fff}
ul.red {outline:10px solid red;}
ul.simplePagerNav{ position:absolute; right:35px; top:0;}
ul.simplePagerNav li{ overflow:hidden; 
    display:block;
    float: left;
    padding: 10px;
    margin-bottom: 10px;
    font-family: georgia;
	font-size:14px;
	
}



ul.simplePagerNav li a{ width:9px; height:9px; display:inline-block; text-indent:-9999px;  text-decoration:none; background:transparent url(../../img/pag_normal.png) no-repeat center;}
li.currentPage { background:url(../../img/pag_over.png) no-repeat center; text-indent:-9999px; }
ul.simplePagerNav li.currentPage a {color: #fff;}
table.pageme {border-collapse: collapse;border: 1px solid #ccc;} 
table.pageme td {border-collapse: collapse;border: 1px solid #ccc;}


/**
 * -------------------------
 * @section concepto
 * -------------------------
*/
.concepto{ width:940px; margin:0 auto; padding:10px; position:relative;}
.concepto .wrap_concepto{ position:relative; min-height:845px; }
.concepto .wrap_concepto h1{ font-size:54px; color:#f89934; margin:100px 0 0 100px;}
.concepto .wrap_concepto .info{ position:absolute; top:100px; left:10px; width:407px; min-width:170px;}
.concepto .wrap_concepto .info p{ font-size:12px; margin-bottom:1px; color:#74705e; text-align:left; line-height:16px; letter-spacing:1px;}
.concepto .wrap_concepto .info b{color:#ff6900;}
strong{ font-weight:bold;}
.concepto .wrap_concepto .cuadros{position:absolute; top:-10px; right:0px;}
ul.cuartos{ margin-top:0px; margin-bottom:20px; }
ul.cuartos li{ font-size:12px; color:#5f695a; margin-bottom:2px;  padding-top:3px;  height:24px; list-style-position:inside; list-style-image:url(../../img/flecha.png); background:#fff}
ul.cuartos li.add{ background:#f7d8b6;}


/**
 * -------------------------
 * @section servicios
 * -------------------------
*/
.servicios{ width:940px; margin:0 auto; padding:10px; position:relative;}
.servicios .wrap_servicios{ position:relative; min-height:730px; }
.servicios .wrap_servicios h1{ font-size:54px; color:#f89934; margin:100px 0 0 100px;}
.servicios .wrap_servicios .info{ position:absolute; top:70px; left:10px; width:407px; min-width:170px; overflow:hidden;}
.servicios .wrap_servicios .info p{ font-size:12px; margin-bottom:10px; color:#74705e; text-align:left; line-height:16px; letter-spacing:1px;}
.servicios .wrap_servicios .info b{color:#ff6900;}
.servicios .wrap_servicios .info .marco{ border:5px solid #FFF; width:174px; height:129px;}
.servicios .wrap_servicios .info .pic1{ float:left}
.servicios .wrap_servicios .info .pic2{ float: right;}
strong{ font-weight:bold;}
.servicios .wrap_servicios .cuadros{position:absolute; top:-10px; right:0px; width:420px;}
.servicios .wrap_servicios .cuadros p{ color:#dd7b12; font-size:12px;}
.servicios .wrap_servicios .cuadros b{ color:#5f695a;}
.servicios .wrap_servicios .cuadros .hab{ margin-bottom:4px; background:#f4f1e0; border:1px solid #f4f1e0; padding:10px;}
.servicios .wrap_servicios .cuadros .hab:hover{ background:#e8e4d0; border:1px solid #dcd9c6; cursor:default;}
.servicios .wrap_servicios .cuadros .hab h5{ font-size:12px; color:#74705e; margin-bottom:5px;}
.servicios .wrap_servicios .cuadros .hab p{ font-size:12px; color:#74705e;}
.servicios .wrap_servicios .cuadros .hab .price{ font-size:12px; color:#ff5a00; margin-top:3px;}
.servicios .wrap_servicios .cuadros .cuidado{ color:#74705e; margin-top:20px; padding:10px;}
.servicios .wrap_servicios .cuadros .cuidado p{ color:#74705e;; font-size:10px; margin-bottom:15px;}

ul.serv{ margin-top:10px; margin-bottom:20px; }
ul.serv li{ font-size:12px; color:#5f695a; margin-bottom:2px;  padding-top:3px;  height:24px; list-style-position:inside; list-style-image:url(../../img/flecha.png); background:#fff}
ul.serv li.add{ background:#f7d8b6;}




/**
 * -------------------------
 * @section contacto
 * -------------------------
*/
.contacto{ width:940px; margin:0 auto; padding:10px; position:relative;}
.contacto .wrap_contacto{ position:relative; min-height:445px; }
.contacto .wrap_contacto h1{ font-size:54px; color:#f89934; margin:60px 0 0 0px;}
.contacto .wrap_contacto .forma{ position:absolute; top:65px; left:10px; width:407px; min-width:405px; background:#FFFFFF; -webkit-box-shadow: #666 1px 1px 6px;
								-moz-box-shadow: #666 1px 1px 6px;
								box-shadow: #666 1px 1px 6px;}
.contacto .wrap_contacto .forma p{ font-size:12px; margin-bottom:15px; color:#74705e; text-align:left; line-height:16px; letter-spacing:1px;}
.contacto .wrap_contacto .forma b{color:#ff6900;}
.contacto .wrap_contacto .info{position:absolute; width:360px; top:60px; right:0px; color:#74705e; font-size:12px;letter-spacing:1px;}
.contacto .wrap_contacto .info h2{ font-size:12px; color:#f89934; margin-bottom:10px;}
.contacto .wrap_contacto .info h3{color:#74705e; font-size:12px; margin-top:10px; font-weight:bold;}
.contacto .wrap_contacto .info p{font-size:12px; text-align:left;}


/**
 * -------------------------
 * @section ubicacion
 * -------------------------
*/
.ubicacion{ width:940px; margin:0 auto; padding:10px; position:relative;}
.ubicacion .wrap_ubicacion{ position:relative; min-height:445px; }
.ubicacion .wrap_ubicacion h1{ font-size:54px; color:#f89934; margin:80px 0 0 30px;}
.ubicacion .wrap_ubicacion .forma{ position:absolute; top:65px; left:10px; width:380px; min-width:405px;}
.ubicacion .wrap_ubicacion .forma p{ font-size:12px; margin-bottom:15px; color:#74705e; text-align:left; line-height:16px; letter-spacing:1px;}
.ubicacion .wrap_ubicacion .forma b{color:#74705e; font-weight:bold;}

.ubicacion .wrap_ubicacion .info{position:absolute; width:424px; height:424px; border:10px solid #FFFFFF; top:0px; right:0px; color:#74705e; font-size:12px;letter-spacing:1px;
								-webkit-box-shadow: #666 1px 1px 6px;
								-moz-box-shadow: #666 1px 1px 6px;
								box-shadow: #666 1px 1px 6px;}



	 
@font-face {
    font-family: 'JoyfulJulianaRegular';
    src: url('fonts/joyful_juliana-webfont.eot');
    src: url('fonts/joyful_juliana-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/joyful_juliana-webfont.woff') format('woff'),
         url('fonts/joyful_juliana-webfont.ttf') format('truetype'),
         url('fonts/joyful_juliana-webfont.svg#JoyfulJulianaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fontJoy{font-family: 'JoyfulJulianaRegular'; letter-spacing:1px;}