/*
Theme Name: Bestprint Suministros
Theme URI: http://www.koryfi.com
Author: Koryfi Agencia Digital
Author URI: http://www.koryfi.com
Description: Tema desarrollado para Bestprint Suministros
Version: 1.0 Release 30-10-2015

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fundacion, ONG
*/

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: auto;
}

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background-image: url('https://bestprintsuministros.com/wp-content/uploads/2015/11/fnd-bestprint.jpg');
background-repeat: no-repeat;
    background-attachment: fixed;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {

  display: block;

}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

small {
  font-size: 80%;
}

img {
  border: 0;
}

a {
  color: #1F1917;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #EA157A;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.img-responsive {

  display: block;
  max-width: 100%;
  height: auto;

}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {

  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;

}

.img-circle {

  border-radius: 50%;

}


hr {

  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eee;
  width: 100%;

}

h1, .h1 {
        color: #547CB9;
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
}

h2, .h2 {  font-size: 30px;}
h3, .h3 {  font-size: 24px;}
h4, .h4 {  font-size: 18px;}
h5, .h5 {  font-size: 14px;}
h6, .h6 {  font-size: 12px;}

p {  margin: 0 0 10px;}
img .full { width: 100%; height: auto; margin-top: 10px; display: inline-block; vertical-align: top;}
.clear { clear:both; height: 20px;} 



/* PERSONALIZACION */

.header {        
	background-image: url(https://bestprintsuministros.com/wp-content/uploads/2015/11/top-fnd.png);    height: 153px;    margin-top: 0px;    position: relative;    text-align: center;    background-color: #F6C23A;    box-shadow: 0px 5px 21px rgba(0,0,0,.3);    background-repeat: no-repeat;    background-position: 0% 0%; }

.headerfixed { position: fixed;   z-index: 1000;    top:0;   width: 100%; background-image: url(https://bestprintsuministros.com/wp-content/uploads/2015/11/top-fnd.png);    height: 153px;    margin-
    background-color: #F6C23A;    box-shadow: 0px 5px 21px rgba(0,0,0,.3);    background-repeat: no-repeat;    background-position: 0% 0%;  }
 
.marginheader { padding-top: 40px; }
.margincuerpoh { padding-top: 63px; }
.cuerpoh {     position: relative;    width: 100%;    max-width: 1200px;    height: auto;    display: inline-block;    margin-bottom: -28px; }
.cuerpoh0 {   width: 25%;    height: auto;   float: left; }

.gris { background-color: #31393F; }
.rosado { background-color: #FA9720; }
.azul { background-color: #171717; }
.blanco { background-color: #ffffff; }
.bordeblanco {border-top: 3px dotted #fff; border-bottom: 3px dotted #fff; padding: 15px 0px;}

.derecho { float: right; margin-right: 30px; }
.sinbordederecho {     margin-right: 170px;    margin-top: 50px;    width: 49%;}
.sinbordeabajo { margin-bottom: 0px; }

.logo { width: 257px;
    display: inline-block;
    margin-top: 25px; }

.slider { height: 350px;    position: relative; }
.ondas { position: absolute;    bottom: 0px; }
.slide {   } 

.sliderp { height: 135px;    position: relative; }
.slidep {     height: 160px;     } 

.titulopage {     color: #FA9720;
    position: absolute;
    left: 40px;
    top: 20px;
    font-size: 35px; }

/* CUERPO */


.cuerpo {

	width: 100%;
	max-width: 1200px;
	background-color: #fff;
	min-height: 500px;
        height: auto;
 box-shadow: 0px 5px 15px rgba(0,0,0,0.7);
}

.cuerpoc { padding: 0px; padding-bottom: 40px; }
.container {display: block; width: 100%; max-width: 1200px; height: auto; margin: 0px auto; }
.row { width: 100%; height:auto; margin: 20px 0px; clear: both;}
.margintop { margin-top: 30px;}


/* FOOTER */


#footer {

    bottom: 0px;
    width: 100%;
    height: 145px;
    z-index: 999;
}

.logo-bottom {
	height: 127px;
    width: 166px;
    position: absolute;
    z-index: 999;
    right: 19%;
    background-color: #FA9720;
    padding: 33px 20px 0px 20px;
}

.footer {
	height: 30px;
	margin-bottom: 0px;
}

.tfooter {

color: #fff;
padding: 15px 0px 0px 40px;
display: inline-block;

}

.footerb {

position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: -28px;

}

.consulta {
    min-height: 130px;
}
.containerconsulta {
       padding: 25px 0px 30px 0px;
    margin-left: 10%;
    margin-top: 20px;
}
.doble {
    display: inline-block;
    width: 45%;
}
.tercio {
    display: inline-block;
    width: 25%;
    text-align: center;
}
.entero {
        width: 55%;
    margin-right: 30px;
}
.enterob {
    display: inline-block;
    width: 72%;
}
.textoc {
  color: #fff;
    font: 18px bold;
    font-family: Arial;
    text-align: center;

}
.botonc {

        height: auto;
    padding: 15px 20px;
    color: #f8f8f8;
    text-align: center;
    margin-top: 50px;
    vertical-align: top;
    
}

.donar {        position: absolute;    background-color: #53B9CE;    padding: 35px 20px;    font-weight: 900;    height: 83px;    width: 110px;    top: 0px;    right: 0px;    font-size: 18px; }
.donar a { color: #ffffff;     text-shadow: 2px 1px #1E1E1E;}
.donar a:hover { color: #F6C23A;}
#gform_submit_button_1 {    border: 0px;
    padding: 20px 80px;
    background: #FA9720;
    font-weight: 900;
    color: #ffffff;}
.campofor input {    border: 0px;
    background: #BFBFBF;
    padding: 10px 5px;}
.campofor textarea {    border: 0px;
    background: #BFBFBF;
    padding: 10px 5px;}
.menu_bar {
	display:none;
}

.icon-menu3 {
    background-image: url("https://bestprintsuministros.com/wp-content/uploads/2015/11/menu-movil.jpg");
    width: 49px;
    height: 49px;
}

.arriba {margin-top: 110px;}


#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#cssmenu {
	height: 37px;
	display: block;
	padding: 0;
	margin: 0;
	width: auto;
}
#cssmenu > ul > li > ul > li a:hover {
	background: #FA9720;
	background: -moz-linear-gradient(top, #FA9720 0%, #F5C13A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FA9720), color-stop(100%, #F5C13A));
	background: -webkit-linear-gradient(top, #FA9720 0%, #F5C13A 100%);
	background: -o-linear-gradient(top, #FA9720 0%, #F5C13A 100%);
	background: -ms-linear-gradient(top, #FA9720 0%, #F5C13A 100%);
	background: linear-gradient(top, #FA9720 0%, #F5C13A 100%);
}
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #A96310;
	color: #ffffff;  
        background-color: #FA9720;
}
#cssmenu > ul > li > a:hover {
	background: #E9147A;
	color: #ffffff;
}
#cssmenu > ul > li:first-child > a {
	border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
	content: '';
	position: absolute;
	
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
	 
}


#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
	background: #E9147A;
	border-color: #E9147A;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	background: #E9147A;
	border-color: #E9147A;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #FA9720;
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#cssmenu ul li > ul li a {
	outline: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 20px 15px 20px;
    font: 11pt Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}


||||||||||||||||||||||||||||||||||||||||||||||||||||

@media (min-width: 850px) and (max-width: 1024px) {



  }

@media (min-width: 775px) and (max-width: 850px) {



  }

@media (min-width: 250px) and (max-width: 775px) {

#cssmenu > ul > li {float: none;}

#cssmenu {height: auto;}

.donar {height: 63px;    width: 91.5%; position: relative;}

.arriba {margin-top: 150px;}

.logo-bottom {
    display: none;
}

.cuerpoh {
    margin-bottom: 20px;
}

.sinbordederechso {
    display: none;
}

.menulat {
		width: 95%;
    height: 100%;
    left: -100%;
    margin: 0;
    position: fixed;
    z-index: 999;
    background: #171717;
    margin-top: 93px;
	}
 
.menulat ul li {
		    display: block;
    float: none;
    margin-top: 40px;
    margin-bottom: 30px;
	}

.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
 
	.menu_bar .bt-menu {
		display:block;
		height: 60px;
width:100%;
		background:#E9147A;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
    margin-right: 20px;
    margin-top: 4px;
	}

  }