/*
Theme Name: Orgran - Alimentos sin gluten
Description: Child theme using Reverie, Foundation and Wordpress
Author: Daniel Pereyra at Hey! (http://www.hey.com.uy)
Template: reverie-master
Version: 1.0.0
*/


/*parent css*/
@import url("../reverie-master/style.css");

/*foundation icons css*/
@import url("icon-font/foundation-icons.css");

/*foundation social icons
@import url("webicons-master/webicons.css");*/

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Cinzel);*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

/*---------------DECLARAR FONTS--------------------*/
@font-face {
	font-family: Amazone;
	src: url('fonts/amazonen.ttf') format('truetype');
	}

@font-face {
	font-family: FuturaLi;
	src: url('fonts/futural.TTF') format('truetype');
	font-style: normal;
	}

@font-face {
	font-family: FuturaLi;
	src: url('fonts/futurali.ttf') format('truetype');
	font-style: italic;
	}

@font-face {
	font-family: FuturaMd;
	src: url('fonts/futuram.ttf') format('truetype');
	font-style: normal;
	}

@font-face {
	font-family: FuturaMd;
	src: url('fonts/futurami.ttf') format('truetype');
	font-style: italic;
	}
	
@font-face {
	font-family: FuturaBk;
	src: url('fonts/futurab.ttf') format('truetype');
	font-style: normal;
	}

@font-face {
	font-family: FuturaBk;
	src: url('fonts/futurabi.ttf') format('truetype');
	font-style: italic;
	}
	
@font-face {
	font-family: Futura;
	src: url('fonts/amazonen.ttf') format('truetype');
	font-style: normal;
	}

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
	
/*------------------FIN FONTS--------------------*/

html {
  /*background: none repeat scroll 0 0 rgba(203, 187, 157, 0.35);*/
  background-color: #EDE7DD;
}

body {
	color: #A48A77;
	font-family: FuturaMd, Arial, sans-serif;
	font-size:13px;
	/*background: rgba(203, 187, 157, 0.35);*/
	background-color: #EDE7DD;

}
table {
	background: white;
	margin-bottom: 1.25em;
	border: none !important;
}
td {
	padding:20px 0 !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: FuturaMd, 'Droid Sans', sans-serif !Important;
	color: #A48A77;
	text-transform: uppercase;
}
h2 {
	font-size:16px;
	font-weight:normal;
	margin-top:0 !important;
}
h1 {
	font-size:18px;
	font-weight:normal;
}

h4, h4 a {
	color: #A48A77;
	font-size:12px;
	font-weight:normal;
	margin-top:0 !important;
}

#head {
	background-color: #f5f5ed;
	height: 343px;
	}

.entry-title {
	border-bottom: 1px dotted #A48A77;
	padding-top: 60px;
	padding-bottom: 5px;
	}

/*
a:hover, a:focus {
color: #f5a900;
}
.active a{
color: #f5a900;
}*/

.icono {
	font-size:20px !important;
	color:#FFF;
}

/*header {
	background: url(images/header.jpg) no-repeat;
	}*/

#top-bar-twitter {
	background-image: url(images/twitter.png);
	right: 310px;
	}
	
#top-bar-facebook {
	background-image: url(images/facebook.png);
	right: 380px;
	}
	
#top-bar-youtube {
	background-image: url(images/youtube.png);
	right: 250px;
	}
	
.top-bar-sociales {
	position: absolute;
	top: 7px;
	background-position: 0 -30px;
	background-repeat:no-repeat;
	height: 30px;
	width: 30px;
	/*float: left;*/
	}
	
.top-bar-sociales:hover {
	background-position: 0 0;
	}
	
#inicio-content {
	min-height: 60px;
	}

#recomm-twitter {
	background-image: url(images/twitterBig.png);
	right: 130px;
	top: 15px;
	}
	
#recomm-facebook {
	background-image: url(images/facebookBig.png);
	right: 80px;
	top: 15px;
	}
	
#recomm-youtube {
	background-image: url(images/youtubeBig.png);
	right: 20px;
	top: 15px;
	}
	
.recomm-sociales {
	position: absolute;
	top: 0;
	background-position: 0 -50px;
	background-repeat:no-repeat;
	height: 50px;
	width: 50px;
	/*float: left;*/
	}
	
.recomm-sociales:hover {
	background-position: 0 0;
	}

header.row {
	height: 343px;
	background: url("images/OrgranHeader.jpg") no-repeat scroll right top;
	padding:20px 0 0 0;/*margin-bottom:30px;*/

}

/*-----------Menu MOBIL - TABLET ----------*/
.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */
    cursor:pointer;
    position:absolute;
    top:-15px;
    right:0;
    background:url(images/menuBtn.png) no-repeat center center;
    height:76px;
	width: 100%;
    /*width:265px;*/
}

/*-------FIN Menu MOBIL - TABLET ----------*/

@media only screen and (max-width: 768px) {
	
	header.row {
	background: #F5F5ED !important;
	}
	
	#btnRecomendar, .iniSociales {
		display: none;
		}
	
	.nav-mobile, .nav-active {
        display:block !important;
    }
	
	#menu-main-menu-pt, #menu-main-menu {
        display:none;
		background: #A40614;
		margin-top: 35px !important;
		text-align: center;
		padding: 45px 0 25px;
    }
	
	.menu li, .menu-sidebar-container li {
		width: 100% !important;
		float: none !important;
		margin: 10px 0;
		}
		
	.menu li:hover {
		background: #620B0D;
		}
		
	.oLogo {
		text-align: center;
		}
		
	#inicio-content {
  		margin-top: 30px;
	}
	
	#sidebar-menu {
		margin: 40px 0 0 0 !important;
		width: 100% !important;
		
		}
	
	.receta {
		text-align: center;
		}
		
	.receta img {
		float: none !important;
		}	
		
	.receta-detalle {
		margin-left: 0 !important;
		text-align: left;
		}
	
	}

/*--------------MENUS----------------*/

#main-menu-cont {
	height: 35px;
	}
	
.menu li {
	float: left;
	list-style: none;
	margin-right: 15px;
	}

.menu-header {
	margin: 5px;
	}
	
.menu-header ul{
	margin: 0;
	}
	
.menu a, 
.menu a:hover, 
menu a:visited {
	color: #FFF;
	font-family: FuturaLi, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	}
	
.menu-header a,
.menu-header a:hover,
.menu-header a:visited {
	font-size: 15px;
	}


.menu-sidebar-container li {
  float: none;
  padding-left: 10px;
  border-bottom: 1px dotted #A48A77;
  width: 200px;
}

.menu-sidebar-container a {
	color: #A48A77;
}

.menu-sidebar-container a:hover {
	color: #716a5b;
}

#sidebar-menu {
	width: 200px;
	background-color: #f8f5f0;
	padding: 60px 0px 10px;
	margin: -15px 30px;
	position: relative;
	}
	
#sidebar-menu-nav {
	border-top: 1px dotted #A48A77;
	margin-top: 20px;
	}

/*---------------END MENUS------------*/
	
/* Start child theme customization below  -  reset reverie */

.row {
	max-width: 1024px;
	margin-bottom: 30px;
}
.contain-to-grid .top-bar {
	max-width: 1013px;
}
a {
	color: #716A5B;
}
p {
	font-family: FuturaMd, Arial, sans-serif;
	font-style: italic;
	color: #A48A77;
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing:0 !important;
}
.top-bar {
	background: none;
	margin-bottom: 0 !important;
}
.top-bar-section li a:not(.button) {
	background: none;
}
.top-bar .name h1 a {
	width: 70%;
}
.top-bar-section li a:hover:not(.webicon) {
	/*background: #2789ba !important;*/

color:#2795b6;
}
.top-bar-section ul {
	background: none;
	margin:0 0 0 100px !important;
	display:block;
}
.top-bar-section .dropdown li a {
	background: #2789ba !important;
	border-top:1px solid #3aa0d4;
	border-right:1px solid #3aa0d4;
	border-left:1px solid #3aa0d4;
	padding: 15px 15px;
}
.top-bar-section .dropdown li a:hover {
	background: #196f9b !important;
}
.top-bar-section ul li.active > a {
	color:#333366;
	background: none;
	font-weight:bold;
}
.top-bar-section ul li > a {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333366;
}
.top-bar-section .has-form {
	background: none;
}
.top-bar .name {
	margin: 5px 10px 0 0;
}
.top-bar.expanded .title-area {
	background: #4f3126 !important;
}
 .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
 border-right: solid 1px #66639d;
 border-left: none;
 height:25px;
 margin:10px 0 0 0;
}
/* end reset */



/* orbit bullets*/

.orbit-bullets {
	left: 950px;
	top: -30px;
	z-index:999;
}
/*end*/





#pie {
	width:100%;
	background:#353535;
	/*height:150px;*/

	color:#afafaf;
	padding:20px 0 0 0;
}
#pie p {
	margin-bottom:0.40em !important;
}

.orbit-timer {
	display:none !important;
}


/*flechas orbit*/	

.orbit-container .orbit-next > span {
	border-left-style: solid;
	border-left-color: #FFF;
}
.orbit-container .orbit-next:hover > span {
	border-left-style: solid;
	border-left-color: ##a1d7ef;
}
.orbit-container .orbit-prev > span {
	border-right-style: solid;
	border-right-color: #FFF;
}
.orbit-container .orbit-prev:hover > span {
	border-right-style: solid;
	border-right-color: ##a1d7ef;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
	width: 50px;
	height: 50px;
}


/***************************************/
.contain-to-grid {
background: #dad5cb; /* Old browsers */
background: -moz-linear-gradient(left,  #dad5cb 0%, #f7f5ed 50%, #dad5cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dad5cb), color-stop(50%,#f7f5ed), color-stop(100%,#dad5cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #dad5cb 0%,#f7f5ed 50%,#dad5cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #dad5cb 0%,#f7f5ed 50%,#dad5cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #dad5cb 0%,#f7f5ed 50%,#dad5cb 100%); /* IE10+ */
background: linear-gradient(to right,  #dad5cb 0%,#f7f5ed 50%,#dad5cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad5cb', endColorstr='#dad5cb',GradientType=1 ); /* IE6-9 */

}

#main-menu-cont {
background: #5b0c0c; /* Old browsers */
background: -moz-linear-gradient(left,  #5b0c0c 0%, #E2001A 50%, #5b0c0c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5b0c0c), color-stop(50%,#E2001A), color-stop(100%,#5b0c0c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5b0c0c 0%,#E2001A 50%,#5b0c0c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5b0c0c 0%,#E2001A 50%,#5b0c0c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5b0c0c 0%,#E2001A 50%,#5b0c0c 100%); /* IE10+ */
background: linear-gradient(to right,  #5b0c0c 0%,#E2001A 50%,#5b0c0c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0c0c', endColorstr='#5b0c0c',GradientType=1 ); /* IE6-9 */

}
.row.full-width {
background: none;
}

.top-bar input, .top-bar .button {
  font-size: 0.875em;
  height: 2.5em;
  line-height: 2em;
  padding: 0 15px;
  position: relative;
  top: 8px;
}

.top-bar .button {
	box-shadow: none;
	background-color: #6a9e78;
	border: none;
	border-radius: 7px;
	margin-left: 10px;
	}

.producto {
	width: 320px;
	height: 315px;
	float: left;
	padding: 40px 15px;
	position: relative;
	border-bottom: 1px dotted;
	}
	
.producto img {
	float: left;
	max-width: 150px;
	}
	
.producto p {
	font-family:FuturaLi, Arial, Helvetica, sans-serif;
	/*margin-left: 190px;*/
	margin-bottom: 5px;
	}
	
.prod-detalle {
	position: absolute;
	bottom: 60px;
	left: 180px;
	}
	
.inner-producto {
	margin: 60px 0;
	}
	
.ver-mas {
  background-color: #D4C6AC;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 2px 12px;
  font-style: normal;
}

.ver-mas:hover {
  background-color: #716a5b;
  color: #FFFFFF;
}

.receta img {
	float: left;
	}
	
.receta-detalle {
  border-bottom: 1px dotted;
  margin-bottom: 20px;
  margin-left: 165px;
  margin-top: 20px;
}

#productos-chbox p {
	float: left;
	margin-right: 15px;
	}
	
#productos-chbox p:hover {
	color: #716A5B;
	}
	
#productos-chbox input {
	margin-right: 5px;
	}
	
.clear {
	clear:both;
	}
	
/*-----------Lang MENU--------------------*/

ul#lang-menu {
	position: absolute;
	right: 230px;
	text-transform: uppercase;
	width: 120px;
	padding-top: 7px;
	}
	
ul#lang-menu ul.sub-menu {	
	background: #F0EDE5;
	width: 120px;
}

ul#lang-menu, ul#lang-menu ul.sub-menu {
    /*padding:0;*/
    margin: 0;
}
ul#lang-menu li, ul#lang-menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#lang-menu li a, ul#lang-menu li ul.sub-menu li a {
    text-decoration: none;
    /*color: #fff;
    background: #666;*/
    padding: 5px;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#lang-menu li {
    position: relative;
}
/*sub menu*/
ul#lang-menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
	padding: 0 5px;
    width: 120px;
}
ul#lang-menu li:hover ul.sub-menu {
    display:block;
}

#langImg {
	margin-left: 10px;
	margin-top: -3px;
	}

.lang-item-es:before {
	content: url(images/es.png);
	}
	
.lang-item-pt:before {
	content: url(images/br.png);
	}

/*-----------FIN Lang MENU-----------------*/