/*
Theme Name: Construmart
Theme URI: http://www.bioxnet.com/
Description: <a href="http://bioxnet.com"> Developed by Bioxnet.com</a>
Version: 1.0
Author: Bioxnet
*/
@charset "utf-8";
/* CSS Document */

html, body, div, span, 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, 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{ text-decoration:none;}
a img { border: 0; }
figure{margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection{ background: #009; color: #fff;  }
::-moz-selection{ background: #009; color: #fff; } fff
::-webkit-selection{ background: #009; color: #fff;  }

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

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

body{ font-family:'Open Sans', sans-serif /*'Open Sans', sans-serif */; border-top:solid 2px #f58017; }
header{ position:relative; width:100%;  background:url(images/whiteBack.png); /*border-bottom:#42776f solid 5px;*/ }
#headerHome{ position:absolute; width:100%; z-index:9999; margin-top: 45px;}
#header{ position:relative; width:100%; }
#logo{ position:absolute; width:362px; height:85px; background:url(images/logotipo.png) no-repeat; margin:20px 0 0 10px;}
#logo a{ display:block; text-indent:-9999px; height:100%;}
.active a{ color:#333;}
#slogan{ position:absolute; right:0px; top:5px; padding-left:40px; text-align:center; font-style:italic;   font-size: 16px; color:#90a6c0;}
strong{ font-weight:700;}

#wrappHeader{ position:relative; max-width:1024px;   margin:0px auto; min-height:105px; }

#upHeader{ position:absolute; z-index:9999; color:#666; width:100%;}
#upHeaderI{ position:relative;  color:#FFF; width:100%; background:#007ebc;}

/* Menu */
/*.menu{position:relative; }
#primaryNav { position:relative; font-size:15px; width:auto; float:right; font-family: 'Open Sans', sans-serif ;  font-weight:600; }
#primaryNav ul{ list-style:none; height:45px;  display:block; text-align:center; padding-right:10px; }
#primaryNav ul li{ display:inline-block;   }
#primaryNav ul li a{ text-decoration:none; padding:55px 5px 12px; margin:0px 5px; display:block; color:#2d2b7e; border-bottom:0px #FFFFFF solid; }
#primaryNav ul li a:hover{ color:#fff; background:#eb7b1a;}*/

#completeNav{ display:none;}

/* Menu complementario */
.menuC{position:relative; max-width:1024px; margin:0 auto;  }
#compNav { position:relative; font-size:12px; width:100%; font-family: 'Open Sans', sans-serif ; }
#compNav ul{ list-style:none; height:45px;  display:block; text-align:right; padding-right:10px; }
#compNav ul li{ display:inline-block;   }
#compNav ul li a{ text-decoration:none; padding:15px 5px 13px; margin:0px 5px; display:block; color:#FFF; }
#compNav ul li a:hover{ color:#fff; background:#007ebc;}

/* Menu Footer */
.menuF{position:relative; width:100%; }
#secondaryNav { position:relative; font-size:13px; width:100%;   }
#secondaryNav ul{ list-style:none;   display:block; padding:6px 10px; width:100%; }
#secondaryNav ul li{ /*display:inline-block;  */ }
#secondaryNav ul li:hover{ background:#90a6c0; }
#secondaryNav ul li a{ text-decoration:none; padding-bottom:3px; margin:0px 5px; display:block; color:#FFF; }
#secondaryNav ul li a:hover{ border-bottom:0px #fff solid; }

/* Menu Sidebar */
#sidebarPages{ width:100%; padding-top:45px;}
#sidebarPages h2{ display:block; text-align:right;}
#sidebarNav{ position:relative; font-size:12px; width:100%; font-family: 'Open Sans', sans-serif ; }
#sidebarNav ul { list-style-image:none; margin:0;}
#sidebarNav ul li{ margin:0; border-bottom:1px solid #fff;}
#sidebarNav ul li a{ text-decoration:none; padding:5px 10px; color:#FFF/*007DBD*/; display:block; text-align:right; background:#fdbe85 /*eea768*//*d7e9fb*/;}
#sidebarNav ul li a:hover{ background:#f58017/*007DBD*/; color:#FFF;}

/*Buscador*/
#bar{ position:relative; width:100%; height:63px;  z-index:9999;}
#barWrapp{ position:relative; margin:0 auto; width:100%; min-height:20px;}
#searchForm{}
.field{ width:250px; padding: 6px;  font-size: 11px; margin-top:-7px;  color: #6f6f6f;  vertical-align: middle; border:0px; background:#f8fafb;}
.image{ width:20px; }

/* Clear */
.clear{ clear:both;}

/* Slider */
#slider{ position:relative;  width:100%; max-height:550px; overflow:hidden; margin-bottom:10px;}
.slider{ max-width:1024px; margin:0 auto; font-family: 'Open Sans', sans-serif ; }
.caption{ position:absolute; width:50%; max-width:360px; top:30%; right:20px;  padding:20px 5px 30px; }
.caption h2{  font-size:28px; font-weight:300; text-align:center; color:#fff; padding-bottom:15px; font-weight:400;}
.bottomCaption{ position:relative; width:100px; margin:14px auto 5px;}
.caption .contc{ background:url(images/whiteCaption.png); padding:20px 20px; display:block; }
.caption .contc p{ max-width:500px; position:relative;margin:0 auto; text-align:right; font-size:14px; font-family: 'Open Sans', sans-serif ; line-height:2; color:#FFF; } 

#wrapper{ background:#f4f8f9; width:100%; }

/*Static Block Home*/
#staticBlock{ width:100%; background:#ebebeb; min-height:150px;}
#wrappBlock{ position:relative; margin:10px auto 140px; max-width:1024px;}
.contBlock{ position:relative; border-left:2px #4c8477 solid; padding-bottom:30px; margin-bottom:30px; }
.grid4:first-child .contBlock{ border-left:0px; }
.contBlock h3{ font-family: 'Exo', sans-serif; font-size:24px; padding:5px; text-align:center; display:block; color:#4c8477;}
.contBlock p{ padding:5px; display:block; text-align:center; font-size:11px; color:#636363;}
.blockImg{ position:absolute; bottom:-150px; left:50%; margin-left:-80px; }
.blockImg img{ max-width:100%;}
a.vm{ color:#FFF; text-decoration:none; font-size:10px; background:#2d2b7e; padding:5px 10px; position:relative; margin:5px auto; width:30px;}

/* Home */
.wrapp{  max-width:1024px; margin:0 auto; padding-top:20px; padding-bottom:50px; }
.wrapp p{ font-size:13px; padding:5px 10px; color:#656565; line-height:2; margin:5px 0; text-align:justify;}
.wrapp h1{ font-size:24px; font-weight:100;  color:#333; margin:5px 10px;   border-bottom:1px solid #333; padding-bottom:10px;}
.wrapp h1 span{ color:#007DBD; margin-left:5px;}
.wrapp h2,h3{ font-size:18px; font-weight:100;  color:#333; margin:5px 10px;}

.wrapp ul{ font-size:12px; list-style-image:url(images/bullets.png); margin: 0 15px 0 30px;}
.wrapp ul li{ color:#999; margin-bottom:5px; line-height:1.6; text-align:justify;}

/* Tamaños de Grid*/
.wrapp img{ max-width:100%; height:auto;}

.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%;}

/*.imgGrid{ padding:5px 10px;}*/
.textHome{ border-bottom:1px solid #90a6c0; padding:5px; color:#90a6c0;}
.textHome h2{ text-align:center;}
.textHome p{ color:#90a6c0;}
.more{ float:right;}

/*Pages*/
.thumbP{ max-height:400px; overflow:hidden; padding-top: 45px;}

/* Footer */
footer{ position:relative; background:#2d2b7e; width:100%; min-height:50px; color:#FFF;}
#footer{ max-width:1024px; margin:0 auto 10px; padding:15px 0px; font-size:11px; text-align:center; color:#fff;}
#footer a{ text-decoration:none; color:#FFF;}
.fooGrid{ float:left; width:33%; min-height:80px; }
.fooGrid p{ color:#FFF; line-height:20px; text-align:justify; padding:0 10px; }
#circle{ position:relative; width:100%; height:60px; margin-top:10px; }
#circle a{ width:100%; height:60px; text-indent:-99999px; display:block; background:url(images/circle.png) center no-repeat; }
.footer .grid1{  text-align:center; padding-top:30px; padding-bottom:10px; color:#FFF;}
.footer .grid1 a{ text-decoration:none; color:#069; margin-left:5px; margin-right:5px;	}
footer .grid3{ position:relative; height:140px;}
#face{ position:absolute; bottom:2px; right:104px;}
#twit{ position:absolute; bottom:2px; right:53px;}
#in{ position:absolute; bottom:2px; right:0; }

footer .wrapp p{ color:#FFF;}
footer .wrapp p a{ color:#FFF;}

.bordesW ul{ border-left:1px solid #FFF; border-right:solid 1px #FFF;}

/*Contacto*/
.contacts{ width:98%; margin:1%; font-size:12px;}
.contacts strong{ font-size:14px; color:#333; display:block; line-height:0; margin-top:16px;}
.datos{ width: 98%; background:#d7e9fb; padding:6px; display:block; border:none;}


/* IPHONE */
@media only screen and (max-width: 480px) {
#logo{ width:97%;  background:url(images/logo.png) no-repeat;}

/* Menu */
.menu{position:relative; width:100%; }
#primaryNav { display:none;}
#completeNav ul{ display:none;}
#completeNav{ position:relative; display:block; width:50%; margin:0 auto; }
#completeNav select{ width:100%; position:relative;}

#compNav{ display:none;}

.caption{ display:none;}

.movil{ float:left; width:98%; margin:0 1%;}
.movilNo{ display:none;}

.thumbP{ display:none;}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{ float:left; width:98%; margin:1%;}

/* Menu Sidebar */
#sidebarPages{ width:100%; padding-top:45px;}
#sidebarPages h2{ display:block; text-align:center;}
#sidebarNav{ position:relative; font-size:12px; width:100%; font-family: 'Open Sans', sans-serif ; }
#sidebarNav ul { list-style-image:none; margin:0;}
#sidebarNav ul li{ margin:0; border-bottom:1px solid #fff;}
#sidebarNav ul li a{ text-decoration:none; padding:5px 10px; color:#007DBD; display:block; text-align:center; background:#d7e9fb;}
#sidebarNav ul li a:hover{ background:#007DBD; color:#FFF;}


}

/* IPAD */
@media only screen and (min-width:481px) and (max-width: 900px) {
#logo{ position:relative; width:100%; height:80px; background:url(images/logotipo.png) center no-repeat; margin:20px 0; }
#slogan{ display:none; position:relative; width:100%; padding:0; margin:0; height:60px;}
#searchForm{ position:relative; width:100%;}
.field{ width:94%; padding:5px 3%;  font-size: 11px;   color: #6f6f6f;  vertical-align: middle; border:0px; background:#f8fafb;}
.image{ width:20px; left:50%; position:absolute; margin-left:10px; }


.ipadNo{ display:none;}

/* Menu */
.menu{position:relative;  width:100%; }
#primaryNav { display:none;}
#completeNav ul{ display:none;}
#completeNav{ position:relative; display:block; width:50%; margin:0 auto; }
#completeNav select{ width:100%; position:relative;}

#compNav{ display:none;}

/* Menu Footer */
.menuF{position:relative; width:100%; }
#secondaryNav { position:relative; font-size:10px; width:100%; font-family:'Questrial', sans-serif;  }
#secondaryNav ul{ list-style:none;   display:block; padding:6px 3px;  }
#secondaryNav ul li{ /*display:inline-block;  */ }
#secondaryNav ul li a{ text-decoration:none; padding-bottom:3px; margin:0px 5px; display:block; color:#FFF; }
#secondaryNav ul li a:hover{ border-bottom:0px #fff solid; background:#90a6c0; }

footer p{ color:#FFF;}
footer .grid3{ position:relative; height:120px;}
}