﻿/*Theme Name:GOSP 1.0
Theme URL: http://gosp.com.mx
Description:GOSP V1.0.
Version: 1.0
Author: Daniel Boone
Author URI: http://likecreativo.com
Theme Copyright: Daniel Boone*/
@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("likeSlider.css");
@import url("reserva.css");
.capacit table td tr th{ border-collapse: separate; border:#666 2px solid;}
.capacit{ vertical-align:middle; text-align:center;}
.orange{ color:#F60; font-weight:bold; font-size:12px; display:block;}
.red{ color: #F00;}
strong{ font-weight:bold;}
.foot-img{ color:#FFF; padding:0px 0px 0px 20px;}
.img-down{ width:480px; margin:10px auto;}
.img-down img{ border:#000 6px solid; height:auto; border-radius:5px;}
#contenido{ display:block; width:640px;}
#contenido h1{ color:#FFF; font-size:20px; font-weight:bold; padding-bottom:20px; margin:0px;  text-transform:uppercase;}
#contenido h2{ color:#FFF; font-size:16px; font-weight:bold; padding:15px 0px 10px 10px; margin:0px; text-transform:none;}
#contenido p{ margin:0px; padding:0;}
#contenido ul{ list-style:disc;}
.likeSlider {
       		width: 980px;
       		height: 328px;
		}
#nav-sup{padding:8px 0px 15px 0px; height:28px;}
.menu-sup{display: block; padding: 0px; font-size:11px;  solid; float:right;}
.menu-sup li{ display:inline-block;}
.menu-sup a{ text-decoration:none; display: block; padding:7px 9px 16px 9px; color:#fff; font-weight:bold;}
.menu-sup a:hover{ background:url(../images/box.gif) left top repeat;}
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
body { 
    background:url(../images/fondo01.jpg) left top repeat;
	background-attachment:fixed;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    line-height:20px;
    color: #6e6e6e;                    }
html, body { height:100%;}
p {padding-top:18px;}
a {
    color:#fff; 
    outline:none;
}
a:hover{
    text-decoration:none;
}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width: 1046px;
	margin-bottom: 0px;
}
/* Header */
    header{
        height: auto; position:relative; z-index:2; margin:0; padding:0;
    }    
    /* Content */
    section#content { position:relative; z-index:1        
    }           
    /* Footer */
    footer{ min-height:156px;       
    }
/* Left & Right alignment */
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.col-1, .col-2, .col-3 { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { 
    width:100%;
    overflow:hidden;
}
h1 {
}
    h1 a {
        position:absolute;
        display:block;
        text-indent:-5000px;
        width:273px;
        height:158px;
        left:37px;
        top:0px;
        background:url(../images/logo.png) left top no-repeat;
    }   
h2 {
    font-size:15px;
    line-height:1.2em;
    color:#cdcccc;    
    text-transform:uppercase;
}
h2 em { display:block; background:#000;  padding:5px 0px 5px 11px;color:#f6f6f6;}
#page8 h2 em {display:block; background:#000; width:248px;  padding:5px 0px 5px 11px;color:#f6f6f6;}
    .h2-bot {
        margin-bottom:26px;
    }
    .h2-marg { margin-top:18px;}

h3 { font-size:36px; line-height:1.2em;color:#f6f6f6;text-transform:uppercase;}
.h3-marg { margin-top:14px; margin-bottom:10px;}
/*----- form defaults -----*/
input, select, textarea { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    vertical-align:middle;
    font-weight:normal;
}

/*----- other -----*/
.img-indent { 
    margin:0 20px 0 0; 
    float:left;
}
.extra-wrap { 
    width:100%;
}

.table { width:642px; height:235px; border:1px dotted #2f2f2f; margin-top:20px; margin-left:2px;}
.tr1 { height:29px; }
.tr2 { height:54px;}
.td1 { width:319px; border-right:1px dotted #2f2f2f; padding:10px 10px 0 15px; border-bottom:1px dotted #2f2f2f;}
.td1 a {color:#6e6e6e; text-decoration:none; display:inline-block; line-height:18px;}
.td1 a:hover { text-decoration:underline;}
.td1 img { padding-right:4px; padding-top:4px;}
.td2 {width:94px; border-right:1px dotted #2f2f2f;padding:10px 10px 0 15px; border-bottom:1px dotted #2f2f2f;}
.td3 {width:66px; border-right:1px dotted #2f2f2f;padding:10px 10px 0 15px; border-bottom:1px dotted #2f2f2f;}
.td4 { width:74px; border-right:1px dotted #2f2f2f;padding:10px 10px 0 15px; border-bottom:1px dotted #2f2f2f;}
/*===== header =====*/
header {}
.time { color:#caced2; font-size:10px; line-height:18px; display:inline-block; text-decoration:none; background:url(../images/time-bg.gif) left 4px no-repeat; padding-left:19px; font-weight:bold; }
.time-pad { padding:0px 0px 0px 0px;}

.box {
	width:100%;
	background:url(../images/box.gif) left top repeat;
	height: auto;
	margin:0; padding:0;
}
.inner { padding:51px 22px 0px 39px;}

.social { padding-bottom:5px; font-size:20px; text-transform:uppercase; margin-right:40px; text-align:right; color:#e0b00b;}
.social a { margin-right:3px;}

nav { background:url(../images/nav-tail.gif) left top repeat-x; position:relative; z-index:99; width:980px;}
.sf-js-enabled{ margin-top:75px; padding-top:-90px;}
#menu {  width:840px; height:66px; padding:0px; margin:-20px auto 0px auto;}
#menu > li { background:url(../images/nav-li.gif) right top no-repeat; float:left; font-size:18px;line-height:14px; text-transform:uppercase;  text-align:center; position:relative;}
#menu > li > a { text-decoration:none; color:#FFF; display:block;width:140px; height:50px; padding-top:20px; font-size:12px; font-weight:bold;}
#menu > .active > a , #menu > li:hover > a { background:url(../images/activ-bg.gif) left top no-repeat; padding-top:22px;}
#menu > .last {background:none;}

.submenu_1{ position:absolute; top:70px; left:0; width:195px; background:#353535; padding:6px 0;}
.submenu_1 li{ position:relative; line-height:34px; text-align:left}
.submenu_1 li a{ display:block; padding-left:40px; background:url(../images/menu_marker.gif) 28px 14px no-repeat; font-size:10px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; line-height:34px;}
.submenu_1 li:hover > a{ background-color:#c90119;}

.submenu_2{ position:absolute; top:-6px; left:197px; width:195px; background:#353535; padding:6px 0;}

#menu ul{ display:none;}

.slider{
	position:relative;
	z-index:1;
	height:328px;
	width: 980px;
	padding:0;
}

.slider .items{ display:none}

.slider .buttons{ background:url(../images/bg_buttons.png) 0 0 no-repeat; width:126px; height:50px; position:absolute; z-index:2; right:11px; bottom:10px;}
.slider .prev{ float:left; margin:17px 0 0 16px; background:url(../images/prev.gif) 0 0 no-repeat; width:9px; height:17px;}
.slider .prev:hover{ background:url(../images/prev_active.gif) 0 0 no-repeat}
.slider .next{ float:left; margin:17px 0 0 35px; background:url(../images/next.gif) 0 0 no-repeat; width:9px; height:17px;}
.slider .next:hover{ background:url(../images/next_active.gif) 0 0 no-repeat}
.slider .play{ float:left; margin:17px 0 0 29px; background:url(../images/stop.gif) 0 0 no-repeat; width:9px; height:17px;}
.slider .play:hover{ background:url(../images/stop_active.gif) 0 0 no-repeat}
.slider .play.paused{ background:url(../images/next.gif) 0 0 no-repeat}
.slider .play.paused:hover{ background:url(../images/next_active.gif) 0 0 no-repeat}


/*===== content =====*/
#content { margin-bottom:0px; margin-top:0px;}
.inner1 { padding:13px 21px 0px 39px;}
.box1 { background:url(../images/box1.gif) left top repeat; width:249px;  padding:13px 10px 15px 11px;}
.box-bot { padding-bottom:48px; }

.col-indent { padding:17px 25px 0px 0px;}
.col-indent1 { padding:17px 22px 0px 12px;}
.col-indent2 { padding:17px 0px 0px 12px;}

.col-policy { padding:27px 22px 0px 50px;}

.border { border-bottom:1px dotted #393939; padding-top:33px; margin-bottom:30px; }
.border1 { border-bottom:1px dotted #393939; padding-top:36px; margin-bottom:30px; }


.marg a { color:#a9a9a9;}

.call { background:url(../images/call.gif) left top no-repeat; width:100%; position:relative; padding:71px 0 23px 18px; margin-top:24px;}
.call em { font-size:24px; color:#FFF; line-height:24px; }

.col-pad { padding-right:63px;}
.col-pad1 { padding-right:18px;}
.col-pad2 { padding-right:21px;}

.pad { padding-top:6px;}
.pad1 { padding-top:15px;}
.pad2 { padding-top:10px;}

.pad-left1 { padding-left:11px; padding-top:2px;}

.marg { margin-top:20px;}
.marg1 { margin-top:39px;}

.pad-top { padding-top:20px;}

.img-marg { padding-top:44px;}

.marg-bot { margin-bottom:4px;}
.marg-bot1 { margin-bottom:33px;}


.pad-top { padding-top:21px;}
.row { font-size:21px; line-height:22px; color:#8c8c8c; text-transform:uppercase; margin-top:-6px;   }
.row1 { font-size:30px; line-height:1.2em; color:#8c8c8c; text-transform:uppercase; margin-top:-7px; padding-bottom:11px;   }



.title { display:inline-block; line-height:28px; font-weight:bold;}
.title1 { color:#FFF; text-decoration:none;}
.title2 { color:#6e6e6e;}

.list li { font-size:12px; line-height:27px; background:url(../images/List-marker.gif) left 9px no-repeat; padding-left:14px; height:1%; border-bottom:1px dotted #393939;  }
.list li a { color:#a9a9a9; display:inline-block; text-decoration:none; cursor:default;}
.list li a:hover { text-decoration:none; color:#FFF;}
.list .last-list { border:none;}

.link { font-family:Tahoma, Geneva, sans-serif;display:inline-block; background:url(../images/link-bg.gif) right 0px no-repeat #1d1d1d; padding-right:28px; margin-top:20px; height:20px;text-decoration:none; color:#c8c8c8; padding:4px 35px 4px 10px}
.link:hover { color:#fff; text-decoration:underline;}

.phone { display:inline-block; width:108px;}
.mail {display:inline-block; width:93px;}

/* [+] Footer [+] */
footer {background:url(../images/bot.gif) bottom repeat-x; margin:0; padding:0; height:100px; }
.footer-inner { padding:40px 0px 0px 0px; margin: auto; width:1046px; font-size:0.75em;}
.footer-inner ul { 
margin:0px; padding:0px; 
list-style-type:none; 
display:block; 
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px; color: #5F5F5F;
font-weight:normal;
margin-top:10px;
text-align:right;
}
.footer-inner ul li{
line-height: 1.125em;
display: inline;
background: url(../images/bg_li.gif) center right no-repeat;
float: left; margin:0; padding:0;
text-align:right;
}
.footer-inner ul .last{ background:none;}
.nav-foot{ text-align:right; font-size:14px;}
.footer-inner ul li a{ display:block; float:left; padding:2px 8px 2px 8px; color: #898989; text-decoration:none; text-align:right;}
.footer-inner ul li a:hover{color: #CCCBCB; text-align:right;}
#logo-foot{ width:300px;}
#logo-foot img{ margin:-8px 12px 0px 0px;}

#logo-foot h4 { font-size:28px; line-height:1.2em; color:#bebebe;}
.tel{ text-transform:uppercase; color:#C4C3C3; padding-right:10px;}
/* [-] Footer [-] */
/*----- forms -----*/
/*#Form {
 padding:21px 18px 0px 0px;
 width:270px;
 
}

#Form label {
        display:block;
        height:33px;
        background:url(../images/input-bg.gif) no-repeat 0 0;
        vertical-align:top;
    }
        #Form input {
            width:250px;
            padding:7px 10px 5px 10px;
            border:none;
            line-height:1.2307em;
            background:#262626;
            color:#8c8c8c;
            height:14px;
            text-transform:uppercase;
            font-size:10px;
        }
        #Form select {
            width:270px;
            background:#262626;
            line-height:30px;
            color:#8c8c8c;
            height:26px;
            padding-left:5px;
            text-transform:uppercase;
            font-size:10px;
        }
        #Form .link1{
            background:url(../images/link1-bg.gif) right 4px no-repeat;
             padding-right:10px;
             font-size:10px;
             line-height:36px;
             color:#FFF;
             text-transform:uppercase;
             margin-right:21px;
             text-decoration:none;
            }
            #Form .link1:hover { text-decoration:underline;}
       #Form .link2{
            background: url(../images/link2-bg.gif)  right 4px no-repeat;
             padding-right:10px;
             font-size:10px;
             line-height:36px;
             color:#c90202;
             text-transform:uppercase;
              text-decoration:none;
            }
            #Form .link2:hover { text-decoration:underline;}*/

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
/*.jqTransformHidden {display: none;}
.jqTransformInput{ width:250px !important}*/
 /* Selects
 * ------------- */
/*.jqTransformSelectWrapper{ width:270px !important;}
.jqTransformSelectWrapper ul{ width:270px !important;}
.jqTransformSelectWrapper {position:relative; min-height:26px; float:left}
.jqTransformSelectWrapper div {font: 10px Arial, Helvetica, sans-serif; color:#9a9a9a; font-weight:bold; text-transform:uppercase; display:block;position: relative;white-space: nowrap;height:26px;line-height:26px;overflow: hidden;cursor:pointer; background: #262626;position: relative;}
.jqTransformSelectWrapper div span{padding: 0 0 0 12px; display:block;}
a.jqTransformSelectOpen {display: block;position: absolute; margin-top:1px; top:0; margin-left:0;   right:1px;  width:26px;height:24px;background: url(../images/select.gif) 0 0 no-repeat; }
.jqTransformSelectWrapper ul {position: absolute;top:27px;left: 0px; background:#262626; display: none;z-index:10;  padding:5px 0; height:60px; overflow:auto; } 
.jqTransformSelectWrapper ul a {display: block;text-decoration: none;font: 10px Arial, Helvetica, sans-serif; color:#9a9a9a; font-weight:bold; line-height:20px; text-transform:uppercase; margin-left:0; margin-top:0 ; padding-left:12px;}
.jqTransformSelectWrapper ul a.selected {}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected {background:#1a1a1a; color:#fff}



#SearchForm {
 padding:0px 18px 0px 656px;
 width:192px;
 float:left;
 
}

 #SearchForm label {
  display:inline-block;
  vertical-align:top;
  width:163px;
  height:29px;
  background: url(../images/search.gif) 0 0 no-repeat;
 }
 #SearchForm .input {
  line-height:1.2307em;
  color:#CCC;
  border: none;
  background: none;
  height:19px;
  width:153px;
  padding:6px 4px 3px 6px;
 }
     #SearchForm input {
         vertical-align:top;
     }


#contacts-form { padding-top:10px;  }
#contacts-form fieldset {
    border:none;

}
    #contacts-form label {
        display:block;
        min-height:40px;
        overflow:hidden;
        position:relative;
        background:url(../images/input-bg.gif) no-repeat 0 0;
        vertical-align:top;
    }
    .success{ padding-bottom:15px; display:none}
    #contacts-form .error, #contacts-form .empty{ position:relative; top:0; font-size:10px; color:red; display:none}
        #contacts-form input {
            width:213px;
            height:20px;
            padding:5px 0px 5px 11px;
            border:none;
            line-height:1.2307em;
            background:#262626;
            color:#9a9a9a;
            font-size:10px; 
            line-height:18px;
            text-transform:uppercase;
        }
        #contacts-form .textarea-box {
            background:none;
            overflow:hidden;
        }
        #contacts-form textarea {
            width:213px;
            padding:5px 0px 5px 11px;
            border:none;
            background:#262626;
            color:#9a9a9a;
            height:357px;
            overflow:auto;
            font-size:10px; 
            line-height:18px;
            text-transform:uppercase;
        }
        #contacts-form .link2{
            background: url(../images/link2-bg.gif)  right 4px no-repeat;
             padding-right:10px;
             font-size:10px;
             line-height:36px;
             color:#c90202;
             text-transform:uppercase;
              text-decoration:none;
             margin-left:14px; margin-right:10px
            
            }
            #contacts-form .link2:hover { text-decoration:underline;}*/