body {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:500;
}

p {
    font-size: 14px;
    line-height: 2em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}




/*-----Navbar---------------------*/

.nav li{font-size:12px; margin-top:18px;}

.navbar-default {
    border-color: transparent;
    background-color: #fed500;
}

.navbar-default .navbar-brand {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar-brand{
	float:left;
	height:90px;
	padding:0px 15px 20px 15px;
}

.navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-default .navbar-toggle {
	background-color: transparent;
	border-color: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fed500;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {	
	color: #000;
	border-bottom: 2px solid #574881;
}

.navbar-toggle{margin-top:15px;margin-bottom:15px;}

@media(min-width:768px) {
    .navbar-default {
        padding: 15px 0;
        border: 0;
        background-color: #fed500;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }	 
}

@media(max-width:768px) {
	
	.navbar-header{padding-top:15px;}
	 .linea-amarilla{width:50%;}
	
}

@media(max-width:320px) {
	.navbar-header{padding-top:20px;}
	.navbar-brand img { width:70%;height:auto;}
	.navbar-brand{ height:auto;padding:0 0 20px 0;}
	.vistasmall{margin-top:0px;}

	
}

.well h4{ text-transform:none;}
.vistasmall{margin-top:100px;}
/*-----------fin navvar----------------------*/

section {
    padding: 100px 0;
}
@media(max-width:768px) {
.margin-extra{ margin-top:70px;}
}

.naranja{color:#ee7003;}

	
.interlinea h4{line-height:30px; text-transform:none; font-weight:500; font-size:18px; text-align: left; color:#000;}
.interlinea {padding-bottom:80px;}


.well{background-color:#fff; border: 2px solid #fed500 !important;}

.hr-white{border-top: 1px solid #fff;}

.img-thumbnail{border:1px solid #fed500 !important;}

.img-hover:hover{opacity:0.7;}

.linea-amarilla{border-top:2px solid #fed500; padding-top:10px;}


/*-------Productos-----------*/

.borde{border:1px solid #fed500;border-radius:4px;}

.btn-yellow{color:#000;background-color:#fed500;border-color:#fff;}
.btn-yellow.focus,.btn-yellow:focus{color:#000;background-color:#fff;border-color:#fff;}
.btn-yellow:hover{color:#000;background-color:#fed500;border-color:#fff;}


.popover-content{padding:15px;}


.linea{border-top:1px solid #c9c6c6;}



/*---------------------------------*/
.form-control:focus{
	color: #000;
	background-color: #fff;
	border-color: #fed500;
	outline: 0;
    box-shadow:0 0 0 .2rem rgba(254,213,0,.25);}



/*-----------Footer------*/

footer {
	margin-top:20px;
    padding: 25px 0;
    text-align: center;
	
}
footer p{font-size:12px;}

footer .acolor  {color:#000;font-size:18px;}

footer .acolor:hover,
footer .acolor:focus{
	color:#ee7003;

}


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

::-moz-selection {
    text-shadow: none;
    background: #fed500;
}

::selection {
    text-shadow: none;
    background: #fed500;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed500;
}