/*
Theme Name: Bbox
Theme URI: http://www.bioxnet.com/
Description: <a href="http://bioxnet.com">Developed by Bioxnet.com</a>
Version: 1.0
Author: Bioxnet
*/
html, body, div, span, object, iframe, h1, h3, 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, form, label, 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: none; }
ol { list-style-position: inside; }
ul{ list-style: none; margin: 0; }
table {/* tables still need 'cellspacing="0"' in the markup */ 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; }
figure{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection{ background:#da001f; color: #fff;  }
::-moz-selection{ background: #da001f; color: #fff;  } 
::-webkit-selection{ background: #da001f; color: #fff;  }

html{ height:100%; margin-top:0px !important;}
body{ height:100%;}

body{ font-family: Helvetica, Arial, sans-serif; color: #333; line-height: 1.5em; font-size: 13px; line-height: 2em;  }
.clear{ clear: both; }
a{ text-decoration: none; }
strong{ font-weight: bold; }
em{ font-style: italic; }

/*h1, h2, h3, h4{ font-weight: bold;  }
h1{ font-size: 24px;}
h2{ font-size: 18px; }*/

.flex-viewport{ width:100% !important;}


/* HEADER */
.logo{ float:left; }
#header{  position:relative; z-index:999; width:100%; background:#FFF; padding-top:10px; }
#header #wrapp{ position:relative; max-width:960px; margin:0 auto 10px;}


/*---------------------- Menus ----------------------*/
/* NAVS */
#menuBar{ background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 12px; }
#primaryNav{ position:absolute; right:0; top:46px;  margin:0 auto; padding-top:5px; padding-bottom:5px;}
#primaryNav ul{  display: table; width: 100%; font-size:15px; font-family: 'Montserrat', sans-serif;   }
#primaryNav ul li{  display: inline-block; vertical-align: middle; position: relative; }
#primaryNav ul li:last-child{}
#primaryNav ul li a{ display: table-cell; color: #4f4f4f; padding: 5px 10px; text-align: center; line-height: 14px; }
#primaryNav ul li a:hover { color:#da001f;} 
#primaryNav ul li a:active{ }
#primaryNav ul li.current-menu-item a{ background:url(images/fm.jpg) no-repeat left; color:#da001f !important;}
/*.current-menu-item a:hover{ color:#fff !important;}*/
#primaryNav ul ul li a:hover:after{ background:none !important;}
#primaryNav ul ul{ display: none; position: absolute; left: 0; padding: 3px; background: #fff; background: rgba(255,255,255,0.8); z-index: 1000; width: 200%; }
#primaryNav ul li:last-child ul{ right: 0px; left:inherit; }
#primaryNav ul ul li{ display: list-item; border: none; }
#primaryNav ul ul li a{ display: block; background: #fff; text-align: left; }


#secondNav{max-width:1200px; margin:0 auto;  height:34px;}
#secondNav ul{  display:inline-block; font-size:15px; font-family:'Open Sans', sans-serif; font-weight:500; position:relative  }
#secondNav ul li{ display: table-cell; vertical-align: middle; position: relative; }
#secondNav ul li a{display: table-cell; color: #fff; padding: 10px 10px; text-align: center; line-height: 14px; }
#secondNav ul li a:hover{color:#fff;}
#secondNav ul ul{ display: none; position: absolute; left: 0;   z-index: 1000; min-width:110px; }
#secondNav ul ul li{ display: list-item; border: none; margin-bottom:1px; background:url(images/black-back.png); }
#secondNav ul ul li a{ display: block; text-align: left; color:#FFF; }
#secondNav ul ul li a:hover{ background:#11b4df; color:#fff;}
#secondNav ul li ul li ul {margin-left:101%; margin-top:-34px;  min-width: 200px;}
#secondNav > ul > li:first-child { background:#11b4df; color:#FFF;}
#secondNav > ul > li:first-child a:hover{ color:#FFF;}
#secondNav > ul > li:first-child > .current-menu-item a { color:#333 !important;}

#responsiveNav{  display: none; }

#menuFooter{ width:100%;}
#menuFooter ul{ text-align:center; max-width:100%; margin:0 auto; display:block;}
#menuFooter ul li{ display:inline-block;}
#menuFooter ul li a{  padding-left:10px; color:#e8327e; font-weight:400; font-size:14px;}




/*--------------------- Pagina Principal ---------------------*/
.sc{background:url(images/back-caption.png); width:500px; font-family: 'Sanchez', serif; /**/font-size: 26px!important;font-style: italic;height: 39px!important;padding-top: 10px!important;padding-bottom: 5px!important; }
h2.ls-l{ text-align:center; padding:15px 0;}
/* Home */
#th{ width:98%; margin-left:1%; padding-top:30px;}
#intro{ border-bottom:solid 3px #da001f; font-size:27px; font-family: 'Sanchez', serif; line-height:38px; height:180px; color:#4f4f4f; text-align:justify; }

.principal{ padding-bottom:130px !important;}
.wrapp{ position:relative; min-height:100px; max-width:960px; margin:0 auto; padding-top:20px; padding-bottom:30px; }
.wrapp p{ font-size:14px; color:#696969; line-height:1.8em; margin-bottom:15px; width:auto; font-family: 'Open Sans', sans-serif;}	
.home h1{ width:100%; font-family:'Montserrat', sans-serif; font-size:40px; color:#da001f; margin-bottom:0px;}


/*     Paginas      ----------------------  esto es generico ----------------------*/

h1{ color:#da001f; font-family:'Montserrat', sans-serif; font-size:33px; padding-bottom:15px; padding-left:10px; line-height:30px;}
h2{ color:#da001f; font-family:'Montserrat', sans-serif; font-size:33px; padding-bottom:10px; padding-left:10px; line-height:30px;}

.pages{ border-bottom:#11b4df solid 1px; margin-top:30px; }
del{ color:#da001f; text-decoration:none !important;}
.thumbP { width: 38.9% !important; /*border:1px solid #bfbfbf;*/ line-height:0px !important; }
.thumbP img{ width: 94%; margin: 4% 3%!important;}

#backs{ position:absolute; width:100%; height:760px; background:url(images/back3.jpg) no-repeat center; z-index:-1;}

.title{ width:98%; margin-left:1%; float: left; line-height: 0; padding-top: 10px;}
.wrapp strong{ padding:0 ;}
.wrapp p{ padding:0 10px;}

.Si{ display:block;}
.No{ display:none;}

/*Contacto*/
.wpcf7-form-control-wrap input{ /*background:#f6c2c9;*/ background:#dadada; color:#333; padding:5px 10px; border:0px; width:95%;}
input::-webkit-input-placeholder {color:#333;}
input:-moz-placeholder {color:#333;}
.wpcf7-form-control-wrap textarea{ background:#dadada; color:#333; padding:5px 10px; border:0px; width:95%;}
textarea::-webkit-input-placeholder {color:#333;}
textarea:-moz-placeholder {color:#333;}
select#mails{ width:99%; background:#dadada; border:0px; border-radius:0px; color:#333;  padding:5px 10px !important; height:25px; -moz-border-radius: 0px; -webkit-border-radius: 0; -webkit-appearance: none;}
input#envio{  background:#dadada; color:#333; padding:5px 10px; float:right; border-radius: 6px; margin-right:1%; border:0px; -webkit-appearance: none;}
textarea, input{-webkit-border-radius: 0;}
blockquote { margin-left:15px; font-style:italic;}
span.wpcf7-quiz-label{ float:left; width:98%;}

/* Tamaños de Grid*/
.wrapp img{ max-width:98%; height:auto; margin:1%;}
.grid1{ float:left; width:6.33333333333%; margin:1%;}
.grid2{ float:left; width:14.6666666667%; margin:1%;}
.grid3{ float:left; width:23%; margin:1%;}
.grid4{ float:left; width:31.3333333333%; margin:1%;}
.grid5{ float:left; width:39.6666666667%; margin:1%;}
.grid6{ float:left; width:48%; margin:1%;}
.grid7{ float:left; width:56.3333333333%; margin:1%;}
.grid8{ float:left; width:64.6666666666%; margin:1%;}
.grid9{ float:left; width:73%; margin:1%;}
.grid10{ float:left; width:81.3333333333%; margin:1%;}
.grid11{ float:left; width:89.6666666666%; margin:1%;}
.grid12{ float:left; width:98%; margin:1%;}




/*---------------------- Footer ----------------------*/
#video{ width:100%; border-top:solid 1px #c7c7c7; border-bottom:solid 1px #c7c7c7; background:#f7f7f7; min-height:150px; padding-top:15px;}
#video .grid7 h3{ color:#da001f; font-size:40px; padding-bottom:22px;}
#video .grid5 iframe{ height:240px !important;}

#lf{ float:left; width:20.2%; margin:1%;}
#tf{ float:left; width:42%; margin:1%; text-align:center; padding-top:20px;}
#tf a{ color:#da002f;}

/* IPHONE */
@media only screen and (min-width: 120px) and (max-width: 680px) { 
#primaryNav{ display:none;}
#responsiveNav{  display:block; }
footer{ text-align:center;}
#tf{ padding-top:5px;}

h1{ color:#da001f; font-family:'Montserrat', sans-serif; font-size:33px; padding-bottom:15px; padding-left:10px; line-height:36px;}
h2{ color:#da001f; font-family:'Montserrat', sans-serif; font-size:33px; padding-bottom:10px; padding-left:10px; line-height:36px;}
	
.sc{ display:none !important;}

/* Tamaños de Grid*/
.grid1{ float:left; width:98%; margin:1%;}
.grid2{ float:left; width:98%; margin:1%;}
.grid3{ float:left; width:98%; margin:1%;}
.grid4{ float:left; width:98%; margin:1%;}
.grid5{ float:left; width:98%; margin:1%;}
.grid6{ float:left; width:98%; margin:1%;}
.grid7{ float:left; width:98%; margin:1%;}
.grid8{ float:left; width:98%; margin:1%;}
.grid9{ float:left; width:98%; margin:1%;}
.grid10{ float:left; width:98%; margin:1%;}
.grid11{ float:left; width:98%; margin:1%;}
.grid12{ float:left; width:98%; margin:1%;}

#lf{ float:left; width:98%; margin:1%;}
#tf{ float:left; width:98%; margin:1%; text-align:center; padding-top:5px;}
}

/*Ipad Vertical*/
@media only screen and (min-width: 681px) and (max-width: 960px) {
}
/*Ipad Horizontal*/
@media only screen and (min-width: 961px) and (max-width: 1024px) {
/*.expositor{ margin-bottom:0.4%; }*/
}

/* IPAD */
@media only screen and (min-width: 481px) and (max-width: 1024px) { 
}

/* MOBILE */
@media only screen and (max-width: 950px){
}

/* ALL WIDER SCREENS */
@media only screen and (min-width: 1024px){
}

/* MEDIUM SCREENS */
@media only screen and (min-width: 951px) and (max-width: 1100px){ 
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1300px) {  
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}