/*  
Theme Name: Menorca en Kayak
Version: 1.0
Description: Diseñado por <a href="http://menorcadesign.com">James Kockelbergh</a>.
Author: James Kockelbergh
Author URI: http://menorcadesign.com
*/

/* General reset */

* {margin: 0; padding: 0;}

/* Default styles */

body {background-color: #ffffff; background-position: center top; font-family: Arial; font-size: 1em;}
a {color: #254c65; text-decoration: none;}
#general_container {width: 100%;}
.clearfix {clear: both;}
.right {float: right;}
.left {float: left;}

/* Contenedor superior */

#top {display: block; height: 126px; width: 960px; position: relative; margin: 0 auto; margin-bottom: 0px;}
#top h1 a {display: block; height: 126px; width: 414px; position: absolute; top: 0px; left: 0px; background-image: url(../images/logo.png); background-repeat: no-repeat; text-decoration: none;}
#top h1 a span {display: none;}

/* Menu Superior */
#contenedorcab {display: block;height:30px; width:100%; position:relative; margin:0 auto; background-color:#E5F7FD; border-bottom:solid 4px #7FD7F7} 
#nav {height:30px; left: 250px; top: 0px; position: absolute;}
#contenedorcab #nav ul li {float: left; display:block; line-height:30px; padding:0 10px; color:#ffffff; font-size:1em; font-weight:bold; list-style: none;}
#contenedorcab #nav ul li a, #top #nav ul li a:visited {color: #666; padding:6px;}
#contenedorcab #nav ul li a:hover, #contenedorcab #nav ul li.active a {cursor:pointer; background-color:#7FD7F7;color:#fff;}
.tabactivo{cursor:pointer; background-color:#7FD7F7;color:#fff;}
/* Contenedor menu idiomas */

#divmnuidiomas{ display:block; position:absolute; top:10px; right: 0px; font-size: 0.7em;}
#divmnuidiomas ul li {float: left; list-style: none; padding: 5px; line-height:8px;}
#divmnuidiomas ul li a, #divmnuidiomas ul li a:active, #divmnuidiomas ul li a:visited {color: #666;}
#divmnuidiomas ul li a:hover {text-decoration: underline;}
.idiomas_separador {border-left: 1px solid #666; overflow: hidden;}

/* Contenedor Menmu superior */

#divmnuapp{float: left;margin-left:40px;margin-top:3px;}
#top-nav a:hover{text-decoration:underline;}
#top-nav ul{padding:0;}



/* PanelDestacadoIni */

#PanelDestacadoIni {background-color: #00AFF0; width: 100%; height: 380px;border-bottom:solid 4px #7FD7F7}
#PanelDestacadoIni_cont {position: relative; width: 950px; display: block; margin: 0 auto;}
#destacar{position:absolute;right:0px;top:0px;display:block;width:220px;height:340px;padding:20px; z-index:1000; font-size: 0.9em; overflow:hidden}

#PanelDestacadoIniPeq {background-color: #00AFF0; width: 100%; height: 190px;border-bottom:solid 4px #7FD7F7}
#PanelDestacadoIniPeq_cont {position: relative; width: 950px; display: block; margin: 0 auto;}

#PanelDestacadoIniMed {background-color: #00AFF0; width: 100%; height: 250px;border-bottom:solid 4px #7FD7F7}
#PanelDestacadoIniMed_cont {position: relative; width: 950px; display: block; margin: 0 auto;}


#PanelDestacadoIniDim {background-color: #00AFF0; width: 100%; height: 50px;border-bottom:solid 4px #7FD7F7}
#PanelDestacadoIniDim_cont {position: relative; width: 950px; display: block; margin: 0px auto;}
#PanelDestacadoIniDim_cont h2{ color:#fff; padding-top:10px}

/* Content / layout */
#main {display: block; width: 950px; height:auto; margin: 0 auto; position: relative; margin-bottom:20px }
#main .col_left { float:left; width:650px; height: auto; margin: 15px 0 10px 0;}
#main .col_right {display:block;float:right; width: 270px; height: auto; margin: 10px 0 10px 0; position: relative;background-image: url(../images/degra.png); background-repeat:repeat-y;}

.caja { float:left; width:220px; display:block; background-image: url(../images/box.png); background-repeat:no-repeat;overflow:hidden; background-position:left bottom; margin-right:10px; margin-bottom:10px; height: 220px;}
.caja .texto .titcaja{font-size:0.9em;margin-bottom:.25em;padding-top:3px;background:#00AFF0;padding-left:10px!important; color: #E5F7FD;}
.caja .texto p{padding: 5px 10px 10px 10px !important;}
.caja .texto p span {font-size:0.85em;}
.caja .texto .imgdst{height:150px; width:200px; display:block; background-repeat:no-repeat;overflow:hidden; background-position:center; margin-bottom:5px; border:solid 1px #fff }
.caja .texto .imgdsttienda{display:block; background-repeat:no-repeat;overflow:hidden; background-position:center; margin-bottom:5px; border:solid 1px #fff }

#map {display: block; width: 405px; height: 300px; border: 8px solid #254c65; position: absolute; left: 25px; vertical-align: middle;}
#main h2 {font-size: 1.4em; font-weight:bold; color:#333; margin-bottom:10px }
#main p {font-size: 0.85em; line-height: 1.5em; font-weight:normal; letter-spacing: 0.05em; color:#333; margin-bottom:15px }

/* pagina contacto */

#contact-area {width: 600px; margin-top: 20px;}
#contact-area .cajatxt, #contact-area .cajatxtcom {padding: 5px; width: 370px; margin: 0px 0px 10px 0px; border: 1px solid #00AFF0; font-family: Arial;}
#contact-area .cajatxtcom {height: 90px;}
#contact-area .cajatxtcom:focus, #contact-area .cajatxt:focus {border: 1px solid #666 !important;}
#contact-area .btnEnviar {float: right; margin-left: 20px; font-size: 0.9em;}
label {float: left; text-align: right; margin-right: 15px; width: 200px; padding-top: 5px; color: #666; font-size: 1em; font-weight: bold;}
.asterisco {color: #FF6600; font-size: 1.4em; font-weight: bold;}
#contact-area hr { margin-bottom:10px; border:solid 1px #7b9fd3; border-style:dashed;}
#contact-personal {width: 434px;}
#contact-personal p {display: block; font-size: 0.7em; margin: 10px 40px 0 0; color:#999}
#ctl00_ContentPlaceHolder1_envio1_btnenviar, #ctl00_ContentPlaceHolder1_envio1_btnborrar {background-color: #00AFF0; width: 65px; height: 25px; border: 1px solid #00AFF0; color: #fff;}
#ctl00_ContentPlaceHolder1_envio1_btnenviar:hover, #ctl00_ContentPlaceHolder1_envio1_btnborrar:hover {cursor: pointer; background-color: #fff; color: #00AFF0;}

	/* Content / layout / 1 COLUMNAS */
	
	#block1 {display: block; width: 960px; overflow: hidden; margin: 0 auto; padding: 0px;}
	#block1 ul li {float: left; display: block; width: 910px; height:auto; border: 8px solid #254c65; padding: 9px; margin: 9px; position: relative;}
	#block1 ul li h3 {display: block; width: 100%; height: 75px;}
	#block1 ul li p {font-size: 0.8em; padding-bottom: 10px;}
	#block1 ul li p a {text-decoration: none;}
	#block1 ul li p a:active, #block4 ul li p a:hover {text-decoration: underline;}
	#block1 ul li p a:visited {color: #254c65}
	
	/* Content / layout / 2 COLUMNAS */
	
	#block2 {display: block; width: 690px; overflow: hidden; margin: 0 auto; padding: 0px;}
	#block2 ul li {float: left; display: block; width: 425px; height:auto; border: 8px solid #254c65; padding: 9px; margin: 9px; position: relative;}
	#block2 ul li h3 {display: block; width: 100%; height: 75px;}
	#block2 ul li p {font-size: 0.8em; padding-bottom: 10px;}
	#block2 ul li p a {text-decoration: none;}
	#block2 ul li p a:active, #block4 ul li p a:hover {text-decoration: underline;}
	#block2 ul li p a:visited {color: #254c65}
	
	
	/* Content / layout / 3 COLUMNAS */

	#block3 {display: block; width: 960px; overflow: hidden; margin: 0 auto; padding: 0px;}
	#block3 ul li {float: left; display: block; width: 265px; height:auto; border: 8px solid #254c65; padding: 9px; margin: 9px; position: relative;}
	#block3 ul li h3 {display: block; width: 100%; height: 75px;}
	#block3 ul li p {font-size: 0.8em; padding-bottom: 10px;}
	#block3 ul li p a {text-decoration: none;}
	#block3 ul li p a:active, #block4 ul li p a:hover {text-decoration: underline;}
	#block3 ul li p a:visited {color: #254c65}

	/* Content / layout / 4 COLUMNAS */

	#block4 {display: block; width: 960px; overflow: hidden; margin: 0 auto;}
	#block4 ul li {float: left; display: block; width: 200px; height: auto; border: 8px solid #254c65; padding: 6px; margin: 6px; position: relative;}
	#block4 ul li h3 {display: block; width: 100%; height: 75px;}
	#block4 ul li p {font-size: 0.8em; padding-bottom: 10px;}
	#block4 ul li p a {text-decoration: none;}
	#block4 ul li p a:active, #block4 ul li p a:hover {text-decoration: underline;}
	#block4 ul li p a:visited {color: #254c65}

/* Noticias pagina Inicial */


/* lateral derecho panel */

.cabtitol {background-image: url(../images/dertitol.png); background-repeat: no-repeat; background-position:left;text-decoration:none}
.col_right ul li {list-style: none; font-size: 0.85em; color: #666; display: block; padding: 5px 10px 5px 11px; margin: 0px 0px 0px 17px; text-align:left;}
.col_right ul .lipeq {list-style: none; font-size: 0.8em; color: #666; display: block; padding: 0 0 0 12px; text-align:left; line-height: 1.4em;}
.col_right ul .lipeqcon {list-style: none; font-size: 1em; color: #666; display: block; padding: 0 0 0 12px; text-align:left; line-height: 1.4em;}
.col_right ul li a, #main ul li a:visited {color: #6fc4fd; text-decoration: none; cursor:pointer;}
.col_right ul li a:hover, #main ul li a:active {color: #254c65; text-decoration: none;}
.cuerptitol {display: block; width: 230px; height: 31px; background-color:#7FD7F7; color:#fff;font-size: 1.4em !important; padding: 4px 0 0 10px;}


/* Pie */

#pie {display: block; height: 300px; width: auto; background-color: #f7f7f7; margin-top: 40px; border-top:solid 1px #00AFF0}
#contenedor_pie {display:block; width:960px; margin: 0 auto;}
.pie_bloque {float:left; list-style: none; display: block; width: auto; padding: 20px 0 0 60px;}
.pie_titulo {font-size: 1.2em; font-weight: bold; color: #00AFF0; padding: 0 0 15px 0;}
.pie_txt {font-size: 0.9em; font-weight: normal; color: #6fc4fd; padding: 0 0 2px 0;}
#contenedor_pie ul li a, #contenedor_pie ul li a:visited {color: #6fc4fd;}
#contenedor_pie ul li a:hover, #contenedor_pie ul li a:active {text-decoration: underline; color: #254c65;}


/* Misc */

.clearfix { clear: both; }
.fotospeq{display:block; overflow:hidden; background-color:#fff; width:200px; height:120px; border:solid 1px #fff; background-repeat:no-repeat; margin-top:10px; margin-bottom:10px;}
.fotospeqgris{display:block; overflow:hidden; background-color:#fff; width:200px; height:120px; border:solid 1px #999; background-repeat:no-repeat; margin-left:10px;}
.fotoproducto {float:left; width:300px; height:200px; display:block; border:solid 1px #dcdcdc;margin-right:15px; overflow:hidden;background-repeat: no-repeat; background-position:center center;}
.fotosofer{display:block; background-color:#fff; width:auto; height:auto; border:solid 1px #fff; background-repeat:no-repeat; margin:  10px auto;}