/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://themes.googleusercontent.com/static/fonts/raleway/v6/-_Ctzj9b56b8RgXW8FAriRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight:300; font-style: normal; color: #656565; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 44px; }
h2 { font-size: 37px; }
h3 { font-size: 24px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
.titleProduct h3 { font-size: 26px; }

strong { font-weight:normal}

p {color:#3a3a3a}

/* -----------------------------------------
   HR Styles
----------------------------------------- */
hr { margin:0px;}
.lineYellow {border:0px; border-bottom: 1px solid #facb1a;}

/* -----------------------------------------
   Home Styles
----------------------------------------- */
.homeProducto { margin-bottom:20px;}
.homeSocialBar {background-color:#facb1a; height:50px;}
/* -----------------------------------------
   Footer Styles
----------------------------------------- */
.footerWeb { margin-bottom:30px; margin-top:20px;}
.phone { background-image:url(../images/foundation/icon-phone.png); background-position:left top; background-repeat:no-repeat}
.phone p { margin-left:20px;}
.direction { background-image:url(../images/foundation/icon-where.png); background-position:left top; background-repeat:no-repeat}
.direction p { margin-left:20px;}
.designer { background-image:url(../images/foundation/icon-criswoler.png); background-position:left top; background-repeat:no-repeat}
.designer p { margin-left:20px;}

/* -----------------------------------------
   Panels Styles
----------------------------------------- */
.panelHome {/* background: #f2f2f2;*/ /*border: solid 1px #e6e6e6;*/ margin: 0 0 0px 0; padding: 10px; height:80px; }
.panelHome > :first-child { margin-top: 0; }
.panelHome > :last-child { margin-bottom: 0; }
.panelHome.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panelHome.callout a { color: #fff; }
.panelHome.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panelHome.callout .button:hover, .panelHome.callout .button:focus { background: rgba(255, 255, 255, 0.8); }
.panelHome.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.onlySmallScreen {display:none !important}
.onlyBigScreen  {display:block !important}
.topHeader { margin-top:10px; !important  }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top70 { margin-top:70px; }
.topPadding60 {padding-top:60px !important;}
.bottom20 { margin-bottom:20px; }


a { color: #3a3a3a; text-decoration: none; line-height: inherit; }

a:hover { color: #facb1a; }

a:focus { color: #e7b700; }


ul.menuTop   { list-style:square;color:#facb1a;}
li.menuTop { list-style:square; color:#facb1a; }
.menuTop p{ margin:0px !important; padding:0px !important; border-bottom:1px solid #dedede;}
/* -----------------------------------------
   institutional color
----------------------------------------- */
.yellow { color:#facb1a}
.bgColor2 { background-color:#f8f7f7}
/* -----------------------------------------
   Form
----------------------------------------- */
.error{
 font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; color:#F00;
}
.enviado {
 font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; color:#090;
	}
.desplegable {border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;}	

/* -----------------------------------------
   social
----------------------------------------- */
.social { height:40px; }
ul.pagination.social { height:14px; margin:0px; padding:0px;}

/* -----------------------------------------
   Tablet/Mobile Name 2
----------------------------------------- */
@media only screen and (max-width: 767px) {
.mobileTop20 { margin-top:20px; }

.onlyBigScreen {display:none !important}
.onlySmallScreen  {display:block !important}

h1 { font-size: 44px; }
h2 { font-size: 37px; }
h3 { font-size: 16px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }

.titleProduct h3 { font-size: 24px; }

.panelHome {margin: 0 0 0px 0; padding: 10px; height:50px; }

.topPadding60 {padding-top:0px !important;}
.topHeader { margin-top:0px; !important  }
}