/*Theme Name: Fiesta del Amarillo V2015
Theme URI: https://clubelhalcon.com.ar
Author: Quarter Studios
Author URI: http://www.quarterstudios.net/
Description: Custom Responsive Theme para la Fiesta del Amarillo del Club El Halcon
Version: 1.0
Tags: RESPONSIVE!!!, Custom theme para la Fiesta del Amarillo del Club El Halcon desarrollado por Quarter Studios 
*/

/* Reset default browser CSS. -------------------------------------------------------------- */
html, body, div, span, /*applet,*/ object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
body { 
background: url(images/html_bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
body {line-height: 1;  color: #333; margin: 0;padding: 0; font-size: 13px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
a{text-decoration: none; color: inherit;}
.clear{ clear: both;}
.filler{ clear: both; height: 40px}
.left,.alignleft{float: left;}
.right,.alignright{float: right;}
.round{-webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;}
.aligncenter{text-align: center; margin: 0px auto;}
hr{width: 100%; display: block; float: none; clear: both; padding: 0; margin: 20px auto; border: none; border-bottom:1px solid #fff;}
strong{font-weight: bold;}
img {vertical-align: middle; width: 100%; height: auto;}

/* Header */
header{ width: 100%;  display: block; float: none; clear: both; margin: 0 auto; text-align: left; position: relative;  padding: 0; min-height: 150px;}
header .container{/*height: auto; float: none; clear: both; background: #fff; display: block; margin: 0px auto; position: relative;*/
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.5); background: #fff}
	#site-title{width: 100%; height: auto;
	max-width: 500px; max-height: 145px; display: block; float: left; clear: none; overflow: hidden; padding: 2px 0; margin: 0;}
	#amarillo{width: 277px; height: 152px; display: block; position: absolute; top: 15px; right: 15px; z-index: 20; background: url(images/amarillo.png) no-repeat;}

/* NAV MENU */
.navbar-default{font-size: 17px; margin: 0px auto; border: none; background: url(images/nav.png) repeat-x;padding: 0px 0; font-family: 'HelveticaCondensedBoldRegular'; 
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
-webkit-box-shadow:  0px 2px 2px px rgba(0, 0, 0, 0.5);box-shadow:  0px 2px 2px px rgba(0, 0, 0, 0.5); max-width: 1200px; margin-bottom: -5px}
.navbar-default #leftmenu,
.navbar-default #rightmenu{width: 12px; height: 6px; display: block; position: absolute;top:46px; overflow: hidden; background: url(images/sprites.png) no-repeat; z-index: 1;left:0;}
.navbar-default #rightmenu{right:0; background-position: 0 -6px; left: auto;}


	.navbar-default #mainnav{padding: 0 0}
	.navbar-default ul{position: relative; margin: 0px; text-align: center;}
		.navbar-default li{display: inline-block; padding: 0 0; text-align: center; color: #fff; margin: 0; font-weight: 300;}
			.navbar-default li a{display: block;  line-height: 50px; font-weight: 700; padding: 0 8px}
			.navbar-default li:hover,.navbar-default .current_page_item,.navbar-default .current_page_ancestor{}
			nav.navbar-default li:hover>a,
			nav.navbar-default .current_page_item>a,
			nav.navbar-default .current_page_ancestor>a,
			nav.current-menu-item>a{color: #fdc800; text-decoration: none;}
			.navbar-default .navbar-toggle{border: 1px solid #fff;float: left;}
			.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle .icon-bar{background: #fff;}
			.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{background: #377BBD;}
			.navbar-header{text-align: left; line-height: 48px; font-size: 24px; color: #fff; padding-left: 20px; font-weight: 700;}

	.navbar-default li ul{position: absolute; top: 50px; z-index: 100;display: none; width: 225px; font-size: 14px; padding: 0px 0 0 0;-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); }
		.navbar-default li ul li{display: block; float: none; clear: both; color: #fff; text-align: left; height: auto;background: #377BBD;}
			.navbar-default li ul li a{padding: 5px 10px;font-weight: 100; display: block; text-shadow: none; background: none !important; line-height: 24px; border-bottom: 1px solid #377BBD;}
				.navbar-default li ul li:hover{color: #fff;background: #275787;}
				.navbar-default li ul li:hover>a{color: #fff;}
	.navbar-default li:hover ul{display: block;}

.clavado{position: fixed; top: 0; left: 50%; margin-left: -600px; z-index: 400; width: 100%;}
.page{background: #fff;}

#home{display: block; float: none; clear: both; position: relative; overflow: hidden;width: 100%; height: auto; max-height: 280px;-webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;}
.swiper-button-prev,
.swiper-button-next{position: absolute; top: 50%; margin-top: -20px; z-index: 3; background: #f00; left: 0px;-webkit-tap-highlight-color: rgba(0,0,0,0);height: 35px;width: 35px;background: url(images/arrows.png) left top no-repeat;}
.swiper-button-next{left: auto;right: 0px; background-position: top right;}

/* GENERALES */
article{width: 100%; display: block; float: none; clear: both;}
h1,h2,h3{font-size: 1.8em; color: #004E37; line-height: 150%; display: block; float: none; clear: both; font-weight: normal; width: 100%;font-family: 'HelveticaCondensedBoldRegular';}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1em;}

article p,article em{font-size: 13px; line-height: 140%; padding: 5px;}
section ul,article ol{list-style: disc; position: relative; line-height: 150%; list-style-position: inside; padding: 5px 10px; color: #555; }
article ul ul,article ol ol{list-style: circle; position: relative; margin-left: 20px}
article ol{list-style: decimal; margin-left: 10px}
article ol ol{list-style: lower-roman; }
article ol ol ol{list-style: lower-latin; }
article em{font-style: italic;}
article pre{font-family: "Courier New", Courier, monospace;}
		

/* Notas */
.minipost{position: relative; width: 100%; height: auto; float: left;background: url(images/separador.png) bottom center no-repeat; padding-bottom: 20px; padding-left: 116px; position: relative; min-height: 115px;}
.featimage{width: 108px; height: 108px; display: block; border: 4px solid #FDC800; overflow: hidden;
position: absolute; left: 0; top:0;}
article .more{display: inline-block; color: #666;}

/* Separador -------------------------------------------------------------*/
.separador{	width: 100%; height: 2px; display: block; float: none; clear: both; padding: 5px 0; margin: 5px 0}

aside{padding: 8px; border-radius: 3px; background: #F5F5F5 none repeat scroll 0% 0%; border: 1px solid #CCC;}
	aside a{display: block; width: 100%; float: none; clear: both; }

/* Sidebar ----------------------------------------------------------------*/
	.barra,.ultimos{display: block; float: left; clear: both; line-height: 130%; color: #fff; background: #333;-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px; padding:5px 0;width: 148px; margin-bottom: 10px; border: 1px solid #333; height: auto;}
	.ultimos{background: #fff; border:1px solid #cacaca; color: #777;}
	aside h3,section h1{display: block; float: none; clear: both; font-size: 18px; font-weight: bold; line-height: 25px; background: url(images/sidebar_h3.jpg) repeat-x; padding: 0 5px; border-bottom: 1px solid #333;font-family: 'MyriadProCondensed';}
	aside h3{line-height: 20px;}
	aside .ultimos h3,section h1{background: url(images/sidebar_h3_white.jpg) repeat-x; color: #333; border-bottom: 1px solid #cacaca;}
	aside ul{display: block; float: left; clear: both; overflow: hidden; line-height: 180%; padding: 0 5px; width: 140px;}
		aside ul li{line-height: 23px; border-bottom: 1px dotted #3d3d3d;display: block; width: 100%; height: auto;}
		aside .ultimos ul li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #cacaca;}
		aside ul li:last-child{border-bottom: none;}
	aside a:hover,aside .activeprod,.more:hover{color: #09f;}
	aside .colimg{	width: 100%; height: auto; float: none; text-align: center; margin: 5px auto;	}
	.pedir{width: 80px; height: 16px; line-height: 16px; padding:2px 5px;  float: none; text-align: center; margin: 5px auto; background: url(images/sidebar_h3.jpg);-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px; color: #fff; font-size: 12px ; font-weight: bold; }
	aside .ultimos strong{color: #09f; font-family: Arial, Helvetica, sans-serif;}
.banners{margin: 10px auto; display: block; float: none; clear: both; height: auto; max-width: 300px; }



/* footer */
footer{font-size: 14px; color: #fff; line-height: 140%;margin: 10px auto;}
footer .foocont{background: #ebebeb; padding: 10px 30px; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );padding-bottom: 30px; position: relative;}

footer .fooMenu{width: 100%; height: auto; float: left; clear: none; overflow: hidden;}
footer .fooMenu li{width: 33%; height: auto; float: left; clear: none; overflow: hidden;}
footer a{color: #666;}
footer ul .current-menu-item>a,footer ul .current-menu-ancestor>a,footer ul .current_page_item>a,footer ul .current_page_ancestor>a,footer ul li:hover>a{color: #09f; }
	/* Social */
	.social{position: relative; padding: 0; font-size: 0; text-align: right;}
	.social a{background: url(images/sociales.png) top left no-repeat; display:inline-block; width: 32px; height: 32px; margin: 0; margin:0 5px 5px 0; overflow: hidden; position: relative;}
		.social .facebook{}
		.social .twitter{background-position: -32px 0;}
		.social .youtube{background-position: -64px 0;}
		.social .rss{background-position: -96px 0;}
		.social .skype{background-position: -128px 0;}
		.social .linkedin{background-position: -160px 0;}
		.social .google{background-position: -192px 0;}
		.social .foursquare{background-position: -224px 0;}
		.social .mail{background-position: -256px 0;}
		.social .apple{background-position: -288px 0;}
		.social a:hover{top: -3px}


footer .sub{width: 100%; padding: 5px 30px; background: #dcdcdc; text-align: center; height: auto; display: block; float: left; clear: both; position: absolute; left: 0px; bottom: 1px; border-top: 1px solid #cacaca;}
	.pwd{padding-right: 0px; float: right; color: #333; font-size: 11px}
	.pwd strong{font-weight: bold;}
	.pwd:hover{color: #004E37;}


/* Breadcrunmb-------------------------------------------------------------*/
.breadcrumb{width: 100%; height: 30px; display: block; float: none; clear: both; color: #cacaca; font-size: 12px; line-height: 30px; margin: 10px auto; padding: 0; background: #fff}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumb .actual{color: #333;}

/* Contacto ------------------**/
.wpcf7 p{width: 100%; display: block; float: none; clear: both; overflow: hidden; color: #333; font-size: 14px; margin: 0px auto;}
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{width: 100%; height: 28px; border: none; display: block; float: none; clear: both; margin: 0; padding: 0 5px; background: #eee; line-height: 28px; margin-bottom: 1px;border: 1px solid #737373;
-webkit-border-radius: 13px;border-radius: 13px;-moz-border-radius: 13px;}
.wpcf7 textarea{height: 150px; resize:vertical;  max-height: 300px !important; float: none; clear: both;}
.wpcf7 .wpcf7-submit{width: 150px; height: 30px; line-height: 16px; padding:0;float: none; text-align: center; margin: 5px auto; background: #004E37; color: #fff; font-size: 16px ; font-weight: bold; border: none;  float: right; margin-right: 85px; -webkit-border-radius: 13px;border-radius: 13px;-moz-border-radius: 13px;}
.wpcf7 .wpcf7-submit:hover{color: #FDC800;}
/*.banner img{margin: 0; padding: 0; margin-bottom: -5px}
.banner span{position: absolute; top: 0; left: 0; width: 140px; height: 30px; background: url(images/sidebar_h3.jpg) repeat-x; color: #fff; font-size: 18px; z-index: 2; padding: 0 5px; line-height: 30px; font-family: 'MyriadProCondensed';}



	
	
/* Destacados  -------------------------------------------------------------*
.feats,.main{width: 628px; height: auto; display: block; float: none; clear: both; overflow: hidden; position: relative; padding: 0; margin:0px auto;
-webkit-border-radius: 5p;border-radius: 5px;-moz-border-radius: 5px; border: 1px solid #cacaca;}
.destacados50{width: 303px; height: auto;display: block; float: left; clear: none; text-align: center; margin: 0; position: relative; overflow: hidden; padding: 8px 3px; border-left: 1px dotted #cacaca;border-bottom: 1px dotted #cacaca;}
.destacados,.triples{width: 148px; height: auto;display: block; float: left; clear: none; text-align: center; margin: 0; position: relative; overflow: hidden; padding: 8px 3px; border-left: 1px dotted #cacaca;}
.triples{width: 200px;}


section.full{width: 792px; margin-right: 0}
section.full .main{width: 790px;}
section.full .main .pageimg2{width: 790px;}

span.productonuevo{position: absolute; top: 0px; right: 0px; width: 155px; height: 100px; z-index: 3; background: url(images/oblea_nuevo.png) no-repeat; text-indent: -9999px;}
span.productousado{position: absolute; top: 0px; right: 0px; width: 155px; height: 100px; z-index: 3; background: url(images/oblea_usado.png) no-repeat; text-indent: -9999px;}

.destacado{width: 100%; height: auto; border-bottom: 1px solid #ccc; padding-bottom: 10px; text-align: center; position: relative; border-top: 1px solid #cacaca;}
.destacado h4{font-size: 20px;}
.pageimg,.pageimg2{width: 628px; height: 200px;display: block; float: left; clear: both; overflow: hidden; margin: 0; position: relative; margin-bottom: 15px; border-bottom: 1px solid #cacaca }
.pageimg em,.pageimg2 em{width: 40px; height: 40px; display: none; float: none; clear: both; margin: 80px 0 0 -20px; overflow: hidden; position: absolute; z-index: 3; background: url(images/lupa.png) no-repeat; left: 50%; top: 0px;}
.pageimg:hover em,.pageimg2:hover em{display: block;}
.pageimg2 em{margin-top: 200px;}
.pageimg2{max-height: 400px; height: auto; min-height: 200px;}
.galimg{width: 148px; height: 90px;display: block; float: left; clear: none; overflow: hidden; margin: 8px 2px; position: relative;-webkit-border-radius: 5p;border-radius: 5px;-moz-border-radius: 5px; border: 1px solid #cacaca;}
.galimg em{width: 40px; height: 40px; display: none; float: none; clear: both; margin: 20px 0 0 -20px; overflow: hidden; position: absolute; z-index: 3; background: url(images/lupa.png) no-repeat; left: 50%; top: 0px;}
.galimg:hover em{display: block;}

a.pedir{margin: 10px auto; clear: both; display: block; width: 150px;}
a.pedir:hover{background: #09f;}
/* Slogan -------------------------------------------------------------*
.slogan{width: 670px; height: auto; color: #A59887; text-decoration: none; display: block; float: none; clear: both; text-align: center; margin: 0px auto;  font-size: 22px; line-height: 25px; background: #332B26; padding: 20px 100px; text-transform: uppercase;}

	
/**
.galimg{width: 148px; height: 90px;display: block; float: left; clear: none; overflow: hidden; margin: 8px 2px; position: relative;}




/* Navegación *
.navigation{width: 100%; height: 30px; display: block; float: none; clear: both; }
.alignleft,.alignright{width: 46%; padding: 0 2%;text-align: right; line-height: 30px; float: left; clear: none;}
.alignright{text-align: left;}
.alignleft a,.alignright a{color: #666; text-decoration: none;}











	/* Buscador *
	.buscador{display: block; float:  right; clear: none; width: 250px; height: 82px; padding: 35px 0 0px 0; text-align: right; }
		#header_buscador_input{-webkit-border-radius: 3px;border-radius: 3px;-moz-border-radius: 3px;width: 180px; height: 20px; border: none; background:  url(images/s-bg.gif) repeat-x;padding: 0px 3px;}
		#searchsubmit{	background: url(images/search.gif); width: 20px; height: 20px; border: none;}	
		.buscador p{display: block; position: relative; margin: 12px 0; padding: 0;height: 50px; line-height: 50px; float: none; color: #fff; text-align: right; font-weight: 400; clear: both; font-size: 18px; font-family: 'MyriadProRegular'; }

		
.galimg{width: 148px; height: 90px;display: block; float: left; clear: none; overflow: hidden; margin: 8px 2px; position: relative;-webkit-border-radius: 5p;border-radius: 5px;-moz-border-radius: 5px; border: 1px solid #cacaca;}
.galimg em{width: 40px; height: 40px; display: none; float: none; clear: both; margin: 20px 0 0 -20px; overflow: hidden; position: absolute; z-index: 3; background: url(images/lupa.png) no-repeat; left: 50%; top: 0px;}
.galimg:hover em{display: block;}