/*
Theme Name: Sinaloa Outdoors
Theme URI: http://wordpress.org/
Description: Theme creado para Sinaloa Outdoors.
Version: 1.0
Author: Jahtechnologies
Author URI: http://jahtechnologies.com/
Tags: 
*/



/* GENERAL ------------------------------- */
* {margin: 0; padding:0; list-style-type:none;}
html {}
body {	margin: 0; font: normal 12px/16px Arial, Verdana, Helvetica; color:#555555; background:#ecead9 url(images/bg.jpg) no-repeat center top;}
a, a:visited, a img { color:#18a9c1; font-weight:bold; outline:none; border:none; font-size:12px; text-decoration:none;}
a:hover { color:#18a9c1; text-decoration:underline; font-weight:bold; }


fieldset { padding:12px; border:1px solid #dedccd; background-color:#f3f1e8;  }
legend { font-size:13px; background-color:#9e8f6e; color:#fff; padding:4px 8px;}
fieldset label { width:120px; display:block; text-align:right; margin:0 8px 7px 0; float:left; }
fieldset input { margin-bottom:5px; float:left; border:1px solid #cac3b5; padding:3px; }
fieldset div { clear:both; }
#tour_name { color:#000; font-size:12px; font-weight:bold; }
.checkoutModule { color:#000; background:#e1ddbf url(images/bk_checkout.jpg) no-repeat top left; padding:15px; border:1px solid #c2bd98; }
.total { margin-top:10px; font-size:13px; background:url(images/bk_total.jpg); padding:5px; color:#fff; }
.controlset label { width: 100%; float:left; text-align:left;}
.error {color:#ff0000; font-size:10px; text-align:left;}

/* IE hack */
* html fieldset{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
    }

* html legend{
    position:absolute;
    top: -.5em;
    left: .5em;
    }


body#comedero #content_interior {width:880px; padding:0 40px; margin:0 auto; background:#FFFFFF url(images/banner_comedero.jpg) no-repeat; overflow: hidden; padding-bottom:20px; position:relative;}

body#ranchito #content_interior {width:880px; padding:0 40px; margin:0 auto; background:#FFFFFF url(images/banner_ranchito.jpg) no-repeat; overflow: hidden; padding-bottom:20px; position:relative;}



/* Header ------------------------------------*/

#header {width:960px; height:190px; margin:0 auto; position:relative; z-index:40;}

.logo {float:left; margin:28px 28px 28px 15px;}

.reserve {float:left; margin:35px 28px 28px 0;}

button.btn_search { background:url(images/btn_go.png) no-repeat; width:80px; height:25px; }

.search { position:absolute; top:60px; right:20px; }

input.field { float:left; margin-right:7px; border:1px solid #b39b7c; padding:4px; }



/* TOPNAV -------------------------------*/

ul#topnav { height:30px; list-style:none; position:absolute; top:0; right:20px; posisiton:relative;}

ul#topnav li {float:left;}

ul#topnav li a {display:block; height:30px; line-height:30px; padding-left:12px; font-size:11px; color:#000; text-decoration:none;}

ul#topnav li a:hover { text-decoration:underline; }



/* NAV -------------------------------*/

ul#nav {  width:960px; height:55px; line-height:55px; background:url(images/nav_bg2.png) no-repeat; list-style:none; position:absolute; bottom:0; left:0; border-bottom:1px solid #21160d; }

ul#nav li {float:left;}

ul#nav li a { text-decoration:none; color:#FFF; display:block; padding:0 10px; font-size:13px; margin-bottom:1px;}

ul#nav li a:hover, ul#nav li:hover,  ul#nav li.sfhover { text-decoration:none; background:url(images/senialador.gif) no-repeat center bottom;}

ul#nav li ul { position: absolute; width: 195px; left: -999em; text-align:left; list-style-type:none; background: url(images/bk_menu_hover.gif) bottom left; padding-bottom:7px;  }

ul#nav li li { margin:0; padding:0; float:left;  }

ul#nav li li  a { padding:0 15px; border-right:none; width:165px; display:block; font-weight:normal;  color:#fff;

font-size:11px; line-height:25px; text-decoration:none; }

ul#nav li li a:hover {  color:#fff; background:#80ad33; }

ul#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

.first { margin-left:10px; }



/* BANNER ------------------------------------------------------*/

#banner { width:960px; height:340px; overflow:hidden; position:relative; width:960px; margin:0 auto; }

.rotate {    position:relative; }

.navslide { font:bold 11px Arial, Helvetica, Sans-serif;  position:absolute; top:315px; right:40px; z-index:20; }

.navslide a {  line-height:20px; text-align:center;  float:left; display:block; margin-right:4px; width:20px; height:20px; text-decoration:none; background: url(images/bk_navslide_normal.png) repeat-x; color:#fff;  }

.navslide a:hover { background: url(images/bk_navslide_selected.png) repeat-x; }

.navslide a.activeSlide, #navslide a:active { background: url(images/bk_navslide_selected.png) repeat-x;  }



/* Content ----------------------------*/

#content {width:880px; padding:0 40px; margin:0 auto; background:#FFFFFF; overflow: hidden; padding-bottom:20px;}

#content_interior {width:880px; padding:0 40px; margin:0 auto; background:#FFFFFF url(images/back_content_interior.jpg) no-repeat; overflow: hidden; padding-bottom:20px; position:relative;}

#content_interior .narrowcol, #content_interior .widecol { margin-top:140px;   }

.round_content {width:960px; margin:0 auto 20px auto;}

.info { width:880px; margin:0 auto; overflow:hidden;}

.info_img {width:131px; float:left; margin-right:18px;}

.info_img p{margin:10px 0; color:#555555; font-weightf:bold text-align:center;}



/* Widecol  --------------------------------*/

.widecol { width:610px; margin-right:20px; background-color:FFF; float:left; overflow:hidden; }

.widecol_interior {width:610px; margin:166px 20px 0 0; background-color:FFF; float:left; overflow:hidden;}

.widecol h1 { color:#000; font-weight: normal; font-size:26px; line-height:25px; margin-bottom:13px; }

.widecol h2 { color:#000; font-weight: normal; font-size:20px; line-height:30px; margin-bottom:13px; }

.widecol h2 a { color:#000; font-weight: normal; font-size:20px; line-height:25px; margin-bottom:13px; text-decoration:underline;}

.widecol h3 { margin-bottom: 15px; color: #6e511f; font:normal 18px/22px Arial, Helvetica; }

.widecol h4 { margin-bottom: 0; color: #000; font-size:12px; font-weight:bold; line-height:16px; }

.widecol ul { list-style:none; line-height: 18px; margin-left:10px; margin-bottom:14px;}

.widecol ul li { margin:7px 0 0 0; background:url(images/bullet.png) no-repeat 0 50%; padding:0 0 0 24px;}

.widecol ol { margin-left:30px; margin-bottom:13px; padding-left:20px;}

.widecol ol li { margin:7px 0 0 0; padding:0;}

.widecol strong { color:#000; }

blockquote { font:normal 14px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; background-color:#d9f3fa; padding:10px 10px 10px 15px; margin:0 15px 15px 20px; border-left:3px solid #a3d8e7; }

blockquote p { margin:0; }

.title_parent { color:#0d4c67; font-size:30px; font-weight:normal; position:absolute; top:35px; left:40px; padding:10px 0; width:600px; }

.title_parent2 { color:#0d4c67; font-size:30px; font-weight:normal; position:absolute; top:35px; left:40px; padding:10px 0; width:600px; }

.booknow { padding:15px; background: #f5f2c8 url(images/line.jpg) no-repeat top left; overflow:hidden; width:580px; }

.btn_booknow a { background:url(images/btn_booknow.png) no-repeat; width:205px; height:55px; float:left; }

.booknow p { float:right; width:330px; }

.booknow span { display:none; }

.post_interior { background:url(images/line.jpg) no-repeat bottom left; padding-bottom:15px; margin-bottom:15px; }

.breadcrumb { overflow:hidden; font-size:11px; color:#555; margin-bottom:20px;  }

.breadcrumb a { font-weight:normal; font-size:11px; color:#000; text-decoration:underline; }

.entry  { width:610px; overflow:hidden; }



/* Colhome  --------------------------------*/

.colhome { font:normal 11px/15px Arial, Helvetica, sans-serif; width:295px; margin-right:20px; display:inline;}

.colhome p {margin:0;}

.colhome h2 { color:#22c2d5; font-size:20px; line-height:24px; margin:0;}

.colhome .naranja {color:#e97c01;}



.widecol_interior_img {float:right; margin:0 0 8px 20px;}

.widecol_interior_book{float:right; margin:0 0 22px 0;}



.bienvenida h1 { margin:3px 0 10px 0; color:#000; }



/* Narrowcol ---------------------------*/

.narrowcol { font-size:11px; width:250px; float:left; }

.narrowcol h3 { font:bold 13px/31px Arial, Verdana; color:#fff; margin:0; background:url(images/bk_h3_narrowcol2.png) no-repeat; width:240px; padding-left:10px; height:31px }

.narrowcol h4 { font:bold 10px/14px Verdana; color:#000; text-transform:uppercase; }

ul#narrow { margin-bottom:25px; clear:both; overflow:hidden;  }

ul#narrow li { float:left; }

ul#narrow li a { background: url(images/line.jpg) no-repeat bottom left; font-weight:normal; display:block; width:240px; padding:5px; color:#333; }

ul#narrow li a:hover { color:#18a9c1; text-decoration:none; }

.ad { margin:20px 0; clear:both; }

.galeria_container {overflow:hidden;}

.galeria_container .thumb { float:left; margin:0 7px 7px 0; }



/* Footer ---------------------*/

#footer_container { padding:80px 0 60px 0; background:url(images/bk_footer.jpg) no-repeat center top; }

.footer {width:960px; margin:0 auto; overflow:hidden; font-size:11px; line-height:15px; color:#d3d0cb;}

.footer h3 {color:#22c2d5; font:normal 17px/21px Arial, Helvetica, sans-serif; }

.footer a { font-weight:normal; color:#71c3d8;} .footer a:hover { color:#FFF; }

.col_footer {  width:300px; float:left; margin-right:20px;  }



/* General ---------------------*/

.last {margin-right:0;}

.floatright {float:right; }

.floatleft {float:left; }

.intro { font-size:14px; color:#666666; line-height:19px; }

.clr { clear:both; height:0%; }

.line { height:30px; margin:0; background:#FFFFFF url(images/line.jpg) repeat-x center; clear:both; }

p, h1, h2, h3 {margin: 0 0 18px 0;}

.inputtext { border:1px solid #ccc; padding:3px;  }

.azul { color:#22b1d5; }

.ajustetop {margin-top:140px;}

.widecol .thumbnail {float:right; margin-left:15px;}

.suscripcion { padding:10px; background:url(images/line.jpg) no-repeat bottom left; margin-bottom:15px; }

.suscripcion p { margin:0; }



/* >>> Fotos <<< 

----------------------------------------------------- */

p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto;}

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; margin: 0 0 15px 15px; }

.alignleft { float: left; margin: 0 15px 15px 0; }



/* Captions ---------------------*/

.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;	-moz-border-radius: 3px;

-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 15px; padding: 4px; margin: 0;}



.nomargin { margin:0; }


