/*

Theme Name: TurAventura

Theme URI: www.hogojp.com

Version: 1.0

Author: Alexis Castaño / Estudios Estigia

Author URI: www.estudiosestigia.com

Description: Theme desarrollado para TurAventura, basado en Empty5 1.2.

*/





/*  =============================================================================

    Estilos generales

    ========================================================================== */



*{ margin:0px; padding:0px;}

html{ height:100%;}

body	{ font-family: 'Open Sans', sans-serif; font-size: 1.4em; color:#111; line-height:1.6em;}

td,th	{ font-family: 'Open Sans', sans-serif; font-size: 1em;}

body 		{ background-color: #FFF; height:100%;}



a:link		{ text-decoration: none; color: #000;}

a:visited 	{ text-decoration: none; color: #000;}

a:hover 	{ text-decoration: underline; color: #666;}

a:active 	{ text-decoration: none; color: #000;}



img{ border:0px;}

p{ line-height:1.6em;}

p+p{ margin-top:15px;}



.clear{ clear:both;}



/* Borrar cara sonriente de Wordpress Stats! */

img#wpstats { display: none;}



/* Clase para hacer una imagen responsive desde su contenedor */

.content_img_responsive img{ max-width:100%; height:auto;}



/* Fuentes */

@font-face {

    font-family: 'autumnregular';

    src: url('fonts/autumn__-webfont.eot');

    src: url('fonts/autumn__-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/autumn__-webfont.woff') format('woff'),

         url('fonts/autumn__-webfont.ttf') format('truetype'),

         url('fonts/autumn__-webfont.svg#autumnregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



.rosa{ color:#C92992;}

.azul{ color:#0073B0;}



noscript{ position:relative; float:left; width:100%; background-color:#FC0; color:#000; padding:8px 0; margin:0;}



/*  =============================================================================

    Estructura del theme

    ========================================================================== */

   

	/* PLANTILLA */

	#contenido{ background:#FFF; }

	/*.container { max-width: 992px !important;}*/

	.bg_1{ background:url(imgs/1.jpg) no-repeat top center; background-size:cover;}

	.bg_grano{ background:url(imgs/grano.jpg) top center; padding-top:40px; padding-bottom:40px;}

	

	#cabecera{ background-color:#FFF;}

		#cabecera h1{ margin:0 !important; padding:0 !important;}

		#cabecera #logotipo{ max-width:300px; width:auto; height:112px; padding:12px 0;}

		#cabecera #redes_sociales{ width:auto; float:right;}

			#cabecera #redes_sociales img{ height:25px; width:auto; margin-top:10px;}

			

		#idiomas{ position:absolute; top:20px; right:20px;}

	

	.btn-custom{ width:100%; background:#0073B0; color:#FFF !important;}

	.btn-custom:hover{ background:#1C9D84;}



	.btn-redondo{ width:40px; height:40px; border-radius:100%; background:#0073B0; color:#FFF !important; font-size:19px; padding: 6px 10px;}

	.btn-redondo:hover{ background:#1C9D84;}

	

	.cierre{ background:#000; color:#FFF; padding-top:8px; padding-bottom:8px;}

		.cierre a{ color:#FFF;}

		.cierre a:hover{ color:#1C9D84;}

		

	/* PORTADA */

	#portada{ background:#f9f9f9; border-top:3px solid #FFF;}

	#portada .actividades{ padding-bottom:40px;}

	#portada h2{ 

	font-size:37px; font-family: 'autumnregular'; background:rgba(0,0,0,.40); position:absolute; bottom:-10px; padding:12px 0; text-indent:12px;

	width:-moz-calc(100% - 30px);

	width:calc(100% - 30px);

	}

	#portada h2 a{ color:#FFF;}

		#portada .article_thumbnail{ 

		}

		#portada .article_thumbnail img{ 

		}

		

	.ultimas_blog_home{}

		.ultimas_blog_home h4{ font-size:15px; color:#000; width:100%;}

		.ultimas_blog_home h4 a{ color:#C92992;}

			

	#portada .home_actividad{ margin-top:20px; cursor:pointer;}

	#portada .home_actividad:hover .btn-custom{ background:#1C9D84;}

	

	#ultimas_entradas{ padding-left:0px !important;}

		#cab_blog{ background:#886A02; font-size:2.3em; color:#FFF; font-family: 'autumnregular'; padding:6px 0; text-indent:10px;}

		#ultimas_entradas h4{ font-size:1em;}

		#ultimas_entradas p{ font-size:0.9em;}





	#banner_2{ margin-top:20px;}



	#eltiempo{ padding-right:0px !important;}

		#cab_tiempo{ background:#006D97; font-size:2.3em; color:#FFF; font-family: 'autumnregular'; padding:6px 0; text-indent:10px;}

		.eltiempo{ width:100% !important; max-width:100% !important;}

	

	.social-loc{ background:url(imgs/3.jpg) no-repeat top center;}

		#social-loc-lente{ background-color:rgba(255,255,255,.44); height:100%; padding-top:40px; padding-bottom:40px;}

		#map{ width:100%; height:390px;}

		

	.pie{

		

		background: #333; /* Old browsers */

		background: -moz-linear-gradient(top,  #333 0%, #000000 51%, #000000 100%); /* FF3.6+ */

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */

		background: -webkit-linear-gradient(top,  #333 0%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */

		background: -o-linear-gradient(top,  #333 0%,#000000 51%,#000000 100%); /* Opera 11.10+ */

		background: -ms-linear-gradient(top,  #333 0%,#000000 51%,#000000 100%); /* IE10+ */

		background: linear-gradient(to bottom,  #333 0%,#000000 51%,#000000 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

		

		color:#FFF;

		font-size:0.9em;

		

		}

		#pie{ font-size:0.8em;}

		.pie h2{ font-size:1.8em; font-family: 'autumnregular';}



	/* PAGINA */

	.page{ background:#FFF; border:#CCC; padding:20px 30px 20px 30px;}

		.page h1{ font-size:2.5em; font-family: 'autumnregular'; padding-bottom:20px;}

		.page h1 a{ color:#0073B0;}

		.page a{ color:#0073B0;}

		

	.page table {

		border: 1px solid #c4c4c4;

		border-collapse: collapse;

		border-spacing: 0;

		width: 100%;

	}

	.page table th {

		background: none repeat scroll 0 0 #222;

		color: #fff;

		padding: 10px;

		width: 100%;

	}

	.page table td {

		border: 1px solid #c4c4c4;

		padding: 10px;

		text-align: justify;

	}

			
 
	/* SINGLE > ACTIVIDAD */

	.cabecera_reserva{}

	.cab_actividad{ padding-left:0 !important; padding-right:0 !important;}

	#reserva_actividad{ padding:15px; background-color:#90D7FF; margin-top:20px; color:#444 !important;}

		#reserva_actividad h2{ font-size:1.8em; margin-top:0; padding-top:0; border-bottom:1px solid #FFF; padding-bottom:5px; color:#333 !important; font-weight:bold;}

		#reserva_actividad label{ }

		#reserva_actividad p{ float:left; width:auto; padding:0 !important; margin:0 !important;}

		#reserva_actividad p{ float:left; width:auto; padding:0 !important; margin:0 !important;}

		#reserva_actividad p+p{ margin-top:10px !important;}

		#reserva_actividad input{ padding:4px 0; border:1px solid #FFF; background-color:#F3F3F3; color:#000; text-indent:4px; height:auto !important;}

		#reserva_actividad select{ padding:4px 8px 4px 0; border:1px solid #FFF; background-color:#F3F3F3; color:#000; height:auto !important;}

		#reserva_actividad .form-group { margin-bottom: 4px !important;}

		#reserva_actividad .btn{ background:#F69D01; float:right; border:0 !important; padding:6px 20px; width:100%; margin-top:10px; text-shadow:none !important;}

		
		#barraRuralgest{
			padding:15px; margin-top:20px; color:#444 !important;
		}
		
		.btnReservar {
			font-size: 24px;
			line-height: 150%;
			padding: 30px 50px;
			background: #0073B0;
			border-color: #0073B0;
			color: #fff;
			}
		
		
		
		
		
		

	.contenido_general{}

		.contenido_general ul{ margin-left:40px;}

		.contenido_general h1{ font-size:3em; font-family: 'arial'; padding-top:0; padding-bottom:10px; margin-top:20;}

		.contenido_general h2{ font-size:16px;}

		.contenido_general h3{ font-size:14px;}

		.contenido_general h4{ font-size:14px;}

		

	/* CATEGORIAS > ACTIVIDADES */

	.post_actividad h2{ font-size:2em; font-family: 'autumnregular'; padding-top:0; margin-top:0;}

	.post_actividad h2 a{ color:#1C9D84;}			

	.post_actividad{ margin-top:20px; cursor:pointer;}

	.post_actividad+.post_actividad{ margin-top:30px;}

		.post_actividad .btn-custom{ margin-top:35px; width:auto !important;}

	.post_actividad:hover .btn-custom{ background:#1C9D84;}

		#ninos{ width:auto !important; float:left; margin-left:20px;}

		#adultos{ width:auto !important; float:left;}

		#quad_doble{ width:auto !important; float:left; margin-left:20px;}

		#quad_individual{ width:auto !important; float:left;}



	/* CATEGORIAS > ACTIVIDADES */

	.post_oferta h2{ font-size:2em; font-family: 'autumnregular'; padding-top:0; margin-top:10px; min-height:60px;}

	.post_oferta h2 a{ color:#1C9D84;}			

	.post_oferta{ margin-top:20px; cursor:pointer;}

		.post_oferta .btn-custom{ margin-top:35px; width:auto !important;}

	.post_oferta:hover .btn-custom{ background:#1C9D84;}

	

	/* CATEGORIAS > BLOG */

	.imagen_blog_cat{ padding-bottom:20px;}

	

	/* SIDEBAR */

	#aside-actividades {}

	#aside-actividades h2 {

		padding: 9px 10px 9px 25px; font-family: 'autumnregular'; font-size:2em;

		background-color:#272727; color:#FFF; margin-bottom:0;

	}

	#aside-actividades ul {

		background-color: #D2F1EB;

		font-size: 1em;

		padding-bottom: 14px; padding-top:10px; width:100%; float:left;

	}

	#aside-actividades li {

		list-style: none outside none;

		padding: 10px 25px; float:left; width:100%;

	}

	#aside-actividades li + li {

		padding: 0 25px 10px;

	}

	#aside-actividades li:hover {

		background-color: #8FDCCC;

	}

	#aside-actividades li a {

		float: left;

		width: 100%;

	}

	#aside-actividades li a:hover {

		color:#000; text-decoration:none;

	}

	#aside-actividades li + li a {

		border-top: 1px solid #8FDCCC;

		padding-top: 10px;

	}

	.act_seleccionada {

		background: none repeat scroll 0 0 #99dea0;

		font-style: italic;

		font-weight: bold;

	}

	.widget_sidebar h2 {

		padding: 9px 10px 9px 25px; font-family: 'autumnregular'; font-size:2em;

		background-color:#272727; color:#fff; margin-bottom:0;

	}

	.widget_sidebar h2 a{

		color:#fff;

	}

	

	#aside-blog ul {

		font-size: 1em;

		padding-bottom: 14px; padding-top:10px; width:100%; float:left;

	}

	#aside-blog li {

		list-style: none outside none;

		padding: 10px 25px; float:left; width:100%;

	}

	#aside-blog li + li {

		padding: 0 25px 10px;

	}

	#aside-blog li a {

		float: left;

		width: 100%;

	}

	#aside-blog li + li a {

		border-top: 1px solid #fff;

		padding-top: 10px;

	}

	

	

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

	/*	Comments

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

	#comments { width:100%; margin:20px 0 0 0;}

	#comments h3{ padding:0px 0px 10px 0px; width:100%; height:auto; border-bottom:1px dashed #CCC; color:#0073B0;}

	h3#comments { text-transform: uppercase; border-bottom: 3px double #ebebeb; padding: 15px 0; margin-bottom: 15px; font-size: 20px; color:#000; width:100%;}

	h3#pings { text-transform: uppercase; padding: 15px 0; margin-bottom: 15px; font-size: 26px; line-height: 32px;}

	ol.commentlist { margin: 30px 0 75px 0; list-style-type: none;}

	li.comment { margin: 0 0 20px 0; padding-bottom: 6px;}

	li.comment .comment-body { margin: 20px 0 0 75px; position: relative; padding-bottom: 10px;}

	li.comment .comment-meta { overflow: hidden; float: left; display: block; width: 50%;}

	li.comment .comment-text { padding-bottom: 1px}

	.comment .avatar { 

		position: absolute; left: -75px; padding: 2px; background: #fcfcfc; border: 1px solid #c8c8c2; 

		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1);

		width:60px; height:60px;

	}

	li.comment p { clear: both; margin-bottom: 15px;}

	li.comment cite { font-weight: bold; font-style: normal; margin: 0 8px 0 0; float: left;}

	li.comment cite a { color: #444; background: url(images/bg-cite.png) right 6px no-repeat; padding-right: 10px;}

	li.comment cite a:hover { text-decoration: none;  color: #0073B0;}

	.commentmetadata,.commentmetadata a { font-size: 10px; text-transform: uppercase; color: #aaa;}

	.commentmetadata a:hover { color: #777}

	.says { display: none}

	.comment-meta { margin: 0 0 5px; line-height: 22px; position: relative;}

	li.comment .comment-body a.comment-reply-link { display: block; position: absolute; right: 0; top: 0px; color: #aaa; padding: 0 10px 0 0; font-size: 11px; font-style: italic;}

	li.comment .comment-body a.comment-reply-link:hover { color: #777 }

	.moderation { font-size: 11px; font-style: italic; color: #c88865;}

	ul.children { list-style-type: none; margin: 0 0 0 75px;}

	ul.children li.comment { background: none; border-top: 1px solid #ebebeb; padding: 15px 0 0 0; margin: 0;}

	ul.children .avatar { width: 60px; height: 60px; left: -50px;}

	ul.children li.comment .comment-body { margin: 0 0 0 50px }

	

	/* -- Respond --*/

	#respond{ position:relative; float:left; width:100%; height:auto; z-index:99;}

	#respond h3 { text-transform: uppercase; border-bottom: 3px double #ebebeb; padding: 15px 0; margin-bottom: 15px; font-size: 20px; color:#0073B0;}

	#commentform { padding-top: 20px; margin-bottom: 50px;}

	#commentform p { margin-bottom: 15px }

	#commentform input[type=text],#commentform textarea {

		border: 1px solid #ddd; background: #fcfcfc;

	}

	#commentform input[type=text] { margin-right: 10px; padding: 7px; border: 1px solid #ddd; width: 180px; margin-left:20px;}

	#commentform textarea { width: 95%; height: 150px; padding: 7px; border: 1px solid #ddd; margin-top:10px;}

	#commentform input:focus,#commentform textarea:focus { border-color: #c0c0c0 }

	#commentform #submit { 

		display: block; margin: 0; border: none; height: auto; width: auto; 

		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px 20px; background:#0073B0;

		color:#FFF;

	}

	#commentform #submit:hover { background-color:#272727; color:#FFF;}	

	



	@media (max-width: 768px) {

		#idiomas{ position:relative; float:left; width:100%; text-align:center; padding:10px 0; top:inherit !important; right:0;}

		.navbar{ width:100% !important; float:left !important;}

	}

	/* Extra small devices (phones, less than 768px) */

	/* No media query since this is the default in Bootstrap */

	

	/* Small devices (tablets, 768px and up) */

	@media (min-width: 768px) { 		

	

		#top{ height:60% !important;}

		#top-nohome{ height:30% !important;}

			

		/* NAV BAR */

		.nav{ margin-top:0px;}

		.navbar { 

			margin-top:10px !important; float:left !important; min-height: 0px !important;

			border-radius: 0 !important; border: 0 !important; margin: 1em 0 !important; width:auto !important; text-align:left;

		}	

		.navbar-nav { float:left !important;}

		.navbar li { float:none;  

			display: inline-block !important;

		}

		.dropdown-menu .navbar li {

 			display: block !important; 

                }

		.navbar-inverse .navbar-nav > .active > a {

			background-image: none !important; background-repeat: no-repeat !important;

			background-color:transparent !important; color:#0073B0 !important; padding:0 8px 0 0 !important;

		}

		.navbar-inverse .navbar-nav a:hover {

			color:#0073B0 !important;

		}

		.navbar-inverse .navbar-nav a:focus{

			color:#0073B0 !important;

		}

		.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {

			text-shadow: none; font-family: 'autumnregular'; font-size:21px;

			color:#000; text-transform:uppercase; padding-top:0 !important; padding-bottom:0 !important;
			
			    padding: 10px 10px;

		}

		.navbar-inverse {

			background-image: none !important; background-repeat: no-repeat !important;

			background-color: transparent !important; border-color: transparent !important;

		}

		.navbar-inverse .navbar-nav > .active > a {

			background-image: none;

			box-shadow: none;

		}	

		.navbar-collapse{ padding-left:0px !important;}

		

	}

	

	/* Medium devices (desktops, 992px and up) */

	@media (min-width: 992px) { 

	

		#top{ height:60% !important;}	

		#top-nohome{ height:30% !important;}	

		.firma{ text-align:right;}

	

	}

	

	/* TPV */

	#tpv_container{ position:relative; float:none; width:90%; margin:0 auto; max-width:600px; padding:20px 0;}

	#tpv{ width:80%; float:left; border:1px solid #09C; padding:10%; border-radius:10px;}

	#tpv h1{ margin-top:30px; font-size:25px;}

	#tpv h2{ font-size:16px; font-family:inherit;}

	#tpv p{ font-size:0.8em;}

	#tpv .boton{ background-color:#09C; color:#FFF; padding:8px 15px; border-radius:10px;}

	#tpv .boton:hover{ background-color:#06C;}

	#tpv .boton_gris{ background-color:#666; color:#FFF; padding:8px 15px; border-radius:10px;}

	#tpv .boton_gris:hover{ background-color:#999;}

	#tpv hr{ border:0; border-top:1px solid #CCC; margin-top:15px; padding-bottom:15px;}





.dropdown-menu>li>a {

 min-width: 200px;

}



.dropdown-menu {

    margin: 12px 0 !important;

}