body
{
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #383838;
}
/* ------------------------------------------------MENU------------------------------------------------ */
.navbar .nav,
.navbar .nav > li {
  float:none;
  display:block;
  vertical-align: top;
  margin-top:5px;
  text-align:left;
  border-bottom:solid 1px #fff;
}

@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 992px) {
	.navbar .nav,
	.navbar .nav > li {
			margin-top:50px;
	}
}
@media only screen and (min-width : 1200px) {
}
@media only screen and (min-width : 768px) {
.navbar .nav,
.navbar .nav > li {
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  border:none;
}
}
.navbar-default {
  background-image:none;
  background-color:transparent;
  border-color:transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align:center;
}
.navbar-default .navbar-nav > li > a {
  color:#fff;
  font-size:1.3em;
}
@media only screen and (min-width : 768px) {
	.navbar-default .navbar-nav > li > a {
	  font-size:1.3em;
	}
}
@media only screen and (min-width : 992px) {
	.navbar-default .navbar-nav > li > a {
	  font-size:1.6em;
	}
}
@media only screen and (min-width : 1200px) {
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #309db7;
  background-color: #309db7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #309db7;
  background-color: #309db7;
}
.navbar-toggle {
    margin-top: 8px;
    margin-right: 0px;
}
.navbar-default .navbar-toggle {
  border-color: #309db7;
  background-color: #309db7;

}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #4fb0c7;
  border-color:#4fb0c7;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #309db7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #309db7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #309db7;
    background-color: #309db7;
  }
}
.menu_chico
{
	font-size:.75em !important;
	transition:all ease-in-out .5s;
}
.menu_chico .navbar-default .navbar-nav > li > a
{
	transition:all ease-in-out .5s;
}
.menu_chico  .logo
{
	height:80px;
	transition:all ease-in-out .5s;
}
.menu_chico .navbar .nav,
.navbar .nav > li {
  margin-top:10px;
}
/* ------------------------------------------------./MENU------------------------------------------------ */
/* ------------------------------------------------FONDOS------------------------------------------------ */
.fondo_blanco
{
	background-color:#fff;
}
.fondo_gris
{
	background-color:#e2e2e2;
	color: #737373;
}
.fondo_menu {
  background-color: rgba(61, 15, 131,0.5);
  z-index: 4;
}
.fondo_aqua
{
	background-color: #309db7;
}
.fondo_morado
{
	background-color: #665285;
}
/* ------------------------------------------------/FONDOS------------------------------------------------ */
/* ------------------------------------------------ENCABEZADOS------------------------------------------------ */
h1 {
    font-weight: 900;
}
h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
}

/* ------------------------------------------------/ENCABEZADOS------------------------------------------------ */
/* ------------------------------------------------TEXTOS------------------------------------------------ */

.texto_gris
{
	color:#353535;
}
.texto_blanco
{
	color:#fff;
}
.texto_principal
{
	font-size: 3.5em;
	color: #fff;
	text-shadow: 1px 1.732px 7.2px rgba(2, 1, 2, 0.75);
}
.texto_home
{
	position: absolute;
	bottom: 100px;
	width: 100%;
	max-width: 500px;
	margin-left: -250px;
	left:50%;
	text-shadow: -1px 0px 20px rgba(11, 11, 11, 1); 
}
.texto_azul
{
	color:#082258;
}
.texto_abrimos
{
	font-size: 1.5em;
	color: #fff;
}
@media only screen and (min-width : 480px) {
	.texto_abrimos
	{
		font-size: 2em;
		color: #fff;
	}
}
@media only screen and (min-width : 768px) {
	.texto_abrimos
	{
		font-size: 2.8em;
		color: #fff;
	}
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}
.datos_contacto
{
	font-size: 1.5em;
}
.datos_contacto li
{
	margin: 30px 0px;
}
.datos_contacto i
{
	font-size: 2.5em;
	margin: 0px 20px 0px 0px;
}
/* ------------------------------------------------/TEXTOS------------------------------------------------ */
/* ------------------------------------------------MARGENES------------------------------------------------ */
.margin10top
{
	margin-top:10px;
}
.margin20top
{
	margin-top:20px;
}
.margin20bottom
{
	margin-bottom:20px;
}
.margin50top
{
	margin-top:50px;
}
.margin120top
{
	margin-top:120px;
}
.margin50bottom
{
	margin-bottom:50px;
}
.padding0
{
	padding-right:0px;
	padding-left:0px;
}
.padding20
{
	padding:20px;
}
.padding50
{
	padding:50px;
}
.padding20top
{
	padding-top:20px;
}
.padding20bottom
{
	padding-bottom:20px;
}
.padding20left
{
	padding-left:20px;
}
.padding50top
{
	padding-top:50px;
}
.padding50bottom
{
	padding-bottom:50px;
}
/* ------------------------------------------------/MARGENES------------------------------------------------ */
/* ------------------------------------------------FORM------------------------------------------------ */

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

:-ms-input-placeholder {
   color: #fff;
}
.inputs_form
{
	background-color:#665285;
	width:100%;
	margin:10px auto;
	border:solid 3px #f3f3f3;
	border-radius: 9px;
	padding:10px;
	height:50px;
	color: #fff;
	font-size:1.3em;
}
.inputs_form_multiline
{
	background-color:#665285;
	width:100%;
	margin:10px auto;
	border:solid 3px #f3f3f3;
	border-radius: 9px;
	padding:10px;
	height:100px;
	resize:none;
	color:#fff;
	font-size:1.3em;
	vertical-align:text-top;
}

.button_form
{
	width:100%;
	margin:auto;
	background-color:#309db7;
	border-radius: 9px;
	color:#fff;
	padding:10px;
	border:none;
	font-size:1.3em;
	cursor:pointer;
	text-align:center;
}
.text-danger{
	color:#FF0;
	}

/* ------------------------------------------------/FORM------------------------------------------------ */
/* ------------------------------------------------IMAGENES------------------------------------------------ */
.full_width_image
{
	width:100%;
}
.center_image
{
	margin:auto;
}
.contenedor_imagen_home
{
	position: relative;
	border-bottom: solid 7px #309db7;
}
.img_marcas {
	margin:0px 10px;
}
.logo
{
	max-height: 100px;
	transition: all ease-in-out .5;
}
@media only screen and (min-width : 992px) {
	.logo
	{
		max-height: 170px;
	}
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(61,15,131,0.7);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.categoria_tienda
{
	margin-top: 20px;
}
@media only screen and (min-width : 480px) {
	.categoria_tienda
	{
		margin-top: 0px;
	}
}
/* ------------------------------------------------/IMAGENES------------------------------------------------ */
#map1
{
	height:300px;
}
.row_flex {
    display: block;
}
@media only screen and (min-width : 768px) {
.row_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;
	box-sizing:border-box;
}

#respuesta_form_ok {
	font-size:24px;
	font-weight:bold;
	color:#0A3470;
	}
	
#respuesta_form_error {
	font-size:24px;
	font-weight:bold;
	color:#0A3470;
	}
}
@media only screen and (min-width : 480px) {
}
@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
}