/* CSS */
/*-------------------------------------------------------------
 Hoja de estilo general de surftherapy.es
 version: 1.2 (04-2010)
 autor: Alberto Garcia
 email: alberto@katiuskas.com
 website: http://www.katiuskas.com/
 -------------------------------------------------------------*/
/* ETIQUETAS GENERALES
 -------------------------------------------------------------*/
body {
font: normal 1em / 1.5em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #FF9900 url(..//picts/bg.jpg) repeat-x;
font-size: 80%;
color: #fff;
text-align: center;
}
h1 { border-bottom: #ff9900 2px solid; line-height: 1em; }
h1 span { font-size: 0.8em; display: block; }
h2 { line-height: 1em; display: block; margin-bottom: 20px; }
p { margin-bottom: 20px; }
span { font-style: italic; }
blockquote { margin: 10px 10px 20px 0px; display: block; padding-left: 30px; background: url(..//picts/comillas.gif) top left no-repeat; }
blockquote p { margin: 0; }
em, strong { color: #ff9900; }
dl { margin: 10px 0 30px 0; padding-left: 10px; border-left: #ff9900 1px dotted; }
#contenido a { color: #f90; }
#pie a { color: #000; }
a:hover { color: #000; text-decoration: underline; }
.despejar { clear:both; }#mc-embedded-subscribe {    display:block;    float:left;    margin:0 7px 0 0;    background-color:#f5f5f5;    border:1px solid #dedede;    border-top:1px solid #eee;    border-left:1px solid #eee;    font-size:12px;    line-height:130%;    text-decoration:none;    font-weight:bold;    color:#565656;    cursor:pointer;    padding:5px 10px 6px 7px; /* Links */	}#mc_embed_signup input {margin: 6px 0;}#mc-embedded-subscribe {    width:auto;    overflow:visible;    padding:4px 10px 3px 7px; /* IE6 */}#mc-embedded-subscribe {    padding:5px 10px 5px 7px; /* Firefox */}/*------------------------------------------------------------*//* NAVEGACION PRINCIPAL                                       *//*------------------------------------------------------------*/
#navegacion { height: 56px; width: 760px; }
#navegacion li { float: left; height: 56px; }
#navegacion li span { display: block; text-indent: -5000px; }
#navegacion li a { height: 100%; width: 100%; display: block; }

.cursos { width: 146px; background: url(..//picts/cursos.jpg) no-repeat; }
.fotos { width: 100px; background: url(..//picts/fotos.jpg) no-repeat; }
.contacto { width: 128px; background: url(..//picts/contacto.jpg) no-repeat; }
.house { width: 147px; background: url(..//picts/surfhouse.jpg) no-repeat; }
.blog { width: 110px; background: url(..//picts/blog.jpg) no-repeat; }
.home { width: 129px; background: url(..//picts/home.jpg) no-repeat; }

.cursos a:hover { background: url(..//picts/cursos_over.jpg) no-repeat; }
.fotos a:hover { background: url(..//picts/fotos_over.jpg) no-repeat; }
.contacto a:hover { background: url(..//picts/contacto_over.jpg) no-repeat; }
.house a:hover { background: url(..//picts/surfhouse_over.jpg) no-repeat; }
.blog a:hover { background: url(..//picts/blog_over.jpg) no-repeat; }
.home a:hover { background: url(..//picts/home_over.jpg) no-repeat; }

/* IDIOMAS
 -------------------------------------------------------------*/
#idiomas { position: relative; float: right; margin-right: 60px; }
#idiomas img { margin: 0; padding: 0; border: none; }

/* ESTRUCTURA
 -------------------------------------------------------------*/
#contenedor { margin: 0pt auto; height: 100%; width: 760px; text-align: left; }
#encabezado { width: 760px; height: 185px; background: url(..//picts/therapyheader.jpg) no-repeat; }
#cuerpo { width: 760px; padding: 20px 0 20px 0; background: url(..//picts/therapybg.jpg) repeat-y; }
#contenido { margin: 20px 60px 20px 60px; }
#pie { width: 760px; height: 260px; clear: both; background: url(..//picts/therapyfooter.jpg) no-repeat; }
#pie p { text-align: center; font-size: 0.8em; color: #000; margin: 0; }
#pie img { border: none; margin-top: 4px; }
#pie li { color: #000; display: inline; }
#pie ul { text-align: center; margin: 0; padding-top: 30px; }

/* BANNERS
 -------------------------------------------------------------*/
#banners { margin: 20px 60px 0px 60px; text-align: center; }
#banners img { float: none; clear: both; }

/* ============================================================*
 * INICIO
 * ============================================================*/
.first { margin-top: 2em; }
#video { float: right; margin: 30px 0 0 30px; }
#inicio #contenido ul, #inicio #contenido li { margin:1em 0; }
#inicio #contenido p, #inicio #contenido ul { background-color:#000; }

/* ============================================================*
 * CURSOS
 * ============================================================*/
.curso .descripcion, .caracteristicas {
width: 640px;
-moz-border-radius: 0 1em 1em;
-webkit-border-radius: 0 1em 1em;
}
.caracteristicas {
margin: 2em 0;
background-color: #1C2351;
float: left;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
}
.curso h2 { float: left; text-indent: -5000px; }
.tipocurso { width: 280px; 	float: left; }
.curso dl { border: none; padding: 0; }
#avanzado dl, #surfari dl { margin: 20px; }
.curso .tipocurso, .curso p { margin-left: 20px; }
.curso h3 { border-bottom: 2px solid #f90; }
.curso em { font-weight: bolder; color: #fff; max-width: 240px; display: block; }
.curso img { margin:1em 0; padding:0 20px; }
.curso hr { clear: both; background-color: #4682B4; }
.caracteristicas ul, .caracteristicas p { float:right; margin:20px 20px 0; }
.caracteristicas ul { margin-bottom: 40px; width:300px; }
.caracteristicas li strong, .caracteristicas h4 { display: block; margin: 0.5em 0; font-size: 1.3em; }
.caracteristicas form { width: 300px; margin: 20px 0 20px 20px; }
.caracteristicas h3 { margin: 0.5em 0; }
.caracteristicas form p { margin-left: 0; font-size: 1.6em; }
.caracteristicas form div { width: 240px; clear: left; min-height:40px; }
.caracteristicas label { float: left; margin: 0.5em 0; color: #fff; }
.caracteristicas input,  .caracteristicas select { width: 4em; float: right; margin: 0.5em 0; }
#surfcamp .caracteristicas select { width: 8.5em; }
.caracteristicas form .reservar {
clear: both; float: none;
width: 240px; height: 42px;
background: url(../picts/reservar_btn.gif) no-repeat;
color: #fff; font-size: 1.5em;
}
.caracteristicas form .reservar:hover { background-position: 100% -42px; cursor: pointer; }
.linkcontacto { display: inline; color: #ff9900; }
.linkcontacto:hover { display: inline; text-decoration: underline; }
#calidad li { margin: 1em 0; }

/* *************************************************************** */
/*              CAJA CURSOS CON PESTAÑAS                           */
/* *************************************************************** */
@media projection, screen { .tabs-hide { display: none; }}
@media print { .tabs-nav { display: none; }}
.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav li {
float: left;
margin: 0 2px 0 0;
min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
display: block;
padding: 0 2em;
background: url(../picts/tab.png) no-repeat;
}
.tabs-nav a {
position: relative;
top: 1px;
z-index: 2;
padding-left: 0;
color: #dcdcdc;
font-size: 1.6em;
line-height: 2em;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a { color: #fff; }
.tabs-nav .tabs-selected a, .tabs-nav a:hover, 
.tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; }
.tabs-nav a:hover { border-bottom: 1px solid #0ff; }
.tabs-selected a:hover { border: 0; }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, .tabs-nav 
.tabs-disabled a:active { background-position: 100% -100px; }
.tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.tabs-nav .tabs-selected a span { padding-top: 7px; }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, 
.tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px;}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, 
.tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, 
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; } /* Opera */
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; } /* Opera */
.tabs-nav .tabs-disabled { opacity: .4; }
.descripcion { padding: 1em 0; background: #4682B4; }
.tabs-loading em { padding: 0 0 0 20px; background: url(../picts/loading.gif) no-repeat 0 50%; }
/* END TABS MENU ********************************************** */

/* ============================================================*
 * FOTOS
 * ============================================================*/
#galeria { width: 640px; overflow: hidden; margin: 0 auto; }
#galeria img { margin: 0; }
#galeria a {
width: 102px;
height: 102px;
display: block;
margin:2px 2px;
float: left;
}
#galeria a:hover { background-color: #A9A9A9; }
.linknegativo { display: inline; color: #ff9900; }
.linknegativo:hover {
display: inline;
color: #ff9900;
text-decoration: underline;
}
/* +++++++ SLIMBOX +++++++++++++++++++++++++++++++++++++++++++ */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading { background: #fff url(../picts/loading.gif) no-repeat center; }
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../picts/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../picts/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../picts/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* ============================================================*
 * CONTACTO Y RESERVAS
 * ============================================================*/
#hcard-ICT p, #hcard-ICT { margin: 0; }
#hcard-ICT a { color: #fff; }
#hcard-ICT span { font-style: normal; }
.org { font-size: 1.4em; margin-bottom: 1em; border-bottom: 1px solid #f90; display: inline-block; }
.fn { font-weight: bolder; font-size: 1.2em; }
.tel span { display: none; }
.adr { margin: 1em 0; }
#contacto #contenido img { float: right; }
form { margin: 30px 0; width: 600px; }
#datospersonales div, #fcontacto div { width: 60%; min-height:2em; margin:0 0 1em 0; clear:both; }

#datoscurso div { float:left; margin:20px 40px 0 0; }
#datoscurso input { clear:none; float:none; }
form div input { float:right; }
#datospersonales label { float: left; width: 80px; }
#datospersonales input { width:160px; padding:3px 2px; border:none !important; }
#datoscurso label { float: left; width: 140px; }
#datoscurso small, #llegada, #salida { margin:1em 0; padding:5px 0; border-bottom:solid 1px #f90; border-top:solid 1px #f90; }

form small { font-size:0.85em; line-height:1em; margin:1em 0; display:block; clear:left; width:200px; }
fieldset { padding: 2em 0; }
legend { font-size: 1.5em; }
select { margin-right: 0.5em; border: none !important; padding: 3px 2px; }
.required { font-size:0.8em; color:#999; }
input { padding: 3px 2px; border: none !important; width:200px; }
input:focus, textarea:focus, select:focus { background: #ffc; }
#observaciones label { display:block; }
textarea {
width: 500px;
height: 100px;
line-height: 1.2em;
font-size:1.3em;
color: #000;
border: none !important;
background-color: #fff;
padding: 5px;
overflow: auto;
}

/* IDs BOTONES ---------------------------------------------- */
#enviar {
float: right;
background-color: #ff9900;
border: none !important;
width: auto;
padding: 6px 10px;
margin: 0 20px 0 0;
}
#enviar:hover { background-color: #ff6600; cursor:pointer; color:#fff; }
#submit {
float: right;
background-color: #ff9900;
border: none !important;
width: 8em;
height: 3em;
padding: 3px;
margin: 0 90px 0 0;
font-weight: bolder;
font-size: 1.2em;
}
#submit:hover { background-color: #ff6600; cursor: pointer; color: #fff; }
#reset {
float: right;
background-color: #ff9900;
border: none !important;
width: auto;
padding: 3px;
margin: 0 0 0 10px;
}
#reset:hover { background-color: #ff6600; }
#reservas #banners { padding-top:30px; }

/* FECHAS --------------------------------------------------- */
#llegada, #salida { width: 480px;; clear:both; }
#monthArrive, #yearArrive, #monthDepart, #yearDepart { border: none !important; }
#dayArrive, #dayDepart { width: 5em; margin-right: 0.5em; }
#monthArrive, #monthDepart { width: 8em; margin-right: 0.5em; }
#yearArrive, #yearDepart { width: 5em; }

/* PERSONAS ------------------------------------------------- */
#persons { width: 3em; margin-right: 0.5em; border: none !important; }
.linknegativo { display: inline; color: #ff9900; }
.linknegativo:hover { display: inline; color: #ff9900; text-decoration: underline; }
#correo img { margin: 0; padding: 0; position: relative; float: none; border: none !important; }

/* ============================================================*
 * SURFCAMP
 * ============================================================*/
/* HOTEL
 -------------------------------------------------------------*/
.banner { text-align: center; position: relative; }
.banner a { border: none; text-decoration: none; }
.clear { margin-top: 30px; clear: both; text-align: center; }
#contenido h2 { margin-top: 2em; clear: both; }
.first a { color: #ff9900; text-decoration: underline; }
.first a:hover { color: #fff; }

/* CLASES
 -------------------------------------------------------------*/
.linkcontacto { display: inline; color: #ff9900; }
.linkcontacto:hover { display: inline; color: #ff9900; text-decoration: underline; }
.temporada { border-right: #ff9900 dotted 1px; }
.info { clear: both; }

#condiciones #contenido ol { list-style:decimal; margin:2em; }
#condiciones #contenido ul { list-style:upper-latin; margin:0.5em 2em; }
#condiciones #contenido li { margin:0.5em 0; }

a#reservas-btn { 
height:24px;
display:block;
padding:0.25em;
color:#fff; 
background:#f30;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height:1.8em;
text-transform:uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a#reservas-btn:hover { 
color:#000; 
background:#f90;

}