/* #Contact Form
============================================ */

/* JigoWatt Plugin Form style */


#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.loader { padding: 0 10px; }

#contact acronym { border-bottom:1px dotted #ccc; }

/* Agility Styles */
.contact-form label{
	font-size:.8em;
	border-bottom: 20px solid rgba(119, 119, 119, 0);	
	height:0;
	line-height:24px;
	display:inline-block;
	float:left;
}
.contact-form input[type="text"]{
	width:300px;
	max-width:100%;
}
.contact-form textarea{
	width:350px;
	max-width:100%;
	height:200px;
}
.contact-form input[type="text"],
.contact-form textarea{
	background:transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat;
	border:1px solid transparent;
	border-radius:0;
	clear:both;
	color:#000;
}
.contact-form input[type="text"]:focus,
.contact-form textarea:focus{
	background:#fefefe;
	border:1px solid #ddd;
	box-shadow:0px 0px 5px #ddd;
}

/* #Alert Boxes
============================================ */

.alert{
	padding:10px 10px 10px 40px;
	font-size:11px;
	margin:20px 0px 10px 0px;
}
.alert p,
.alert h6,
.alert h5,
.alert h4{
	color:inherit;
}
.alert h6{
	font-weight:bold;
}
.alert p{
	margin-bottom:0;
}
.alert-notification{
	color: #4F8A10;
	background: #DFF2BF url(../images/tick_green.png) 15px 13px no-repeat;
	border: 1px solid #4F8A10;
}
.alert-warning{
	border:1px solid #DDB723;	
	background: #FFEA73 url(../images/warning.png) 15px 13px no-repeat;
	color: #A63C00;
}
.alert-error{
	color: #D8000C;
	background: #FFBABA url(../images/cross.png) 15px 13px no-repeat;
	border: 1px solid #D8000C;	
	text-shadow:none;
}


/*@media (max-width: 991px) {
}

@media (max-width: 767px) {
}*/

@media (max-width: 479px), (max-width: 767px){

.boton1 {
    display: block;
    width: 98%;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    background-color: black;
	background-image: url('../images/flecha_magenta.png');
	background-position: 10px 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: white;font-size: 0.9em;
	text-indent: 13px;
}

.boton1:hover {
	background-color: #e2017b;
	background-image: url('../images/flecha_doble.png');
	background-position: 96% 50%;
	background-size: 26px;
	background-repeat: no-repeat;
	font-weight: 400;
}

.boton2 {
	display: block;width: 98%;
	margin-top: 5px;
	margin-right: auto;margin-left: auto;
	background-color: black;
	background-image: url('../images/flecha_cyan.png');
	background-position: 10px 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: white;font-size: 0.9em;text-indent: 13px;
}

.boton2:hover {
	background-color: #009de0;
	background-image: url('../images/flecha_doble.png');
	background-position: 96% 50%;background-size: 26px;
}

.boton3 {
	display: block;
	width: 98%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
	background-image: url('../images/flecha_amarillo.png');
	background-position: 10px 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 0.9em;
	text-indent: 13px;
}

.boton3:hover {
	background-color: #ffbf00;
	background-image: url('../images/flecha_doble.png');
	background-position: 96% 50%;
	background-size: 26px;
	color: white;
}

.boton4 {
	display: block;
	width: 98%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
	background-image: url('../images/flecha_gris.png');
	background-position: 10px 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 0.9em;text-indent: 13px;
}
.boton4:hover {
	background-color: #9c9d9f;
	background-image: url('../images/flecha_doble.png'), url('../images/flecha_gris.png');
	background-position: 96% 50%, 10px 50%;
	background-size: 26px, 14px;
	background-repeat: no-repeat, no-repeat;
}

.boton5 {
	display: block;width: 98%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: black;
	background-image: url('../images/flecha_blanca.png');
	background-position: 10px 50%;
	background-size: 14px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;text-indent: 13px;
}

.boton5:hover {
	background-color: 
	black;background-image: url('../images/flecha_doble.png');
	background-position: 96% 50%;
	background-size: 26px;
	background-repeat: no-repeat;color: white;
}

.logo {
	position: absolute;
	overflow-x: visible;
	overflow-y: visible;
	width: 155px;
	margin-top: 10px;
	margin-left: 5px;
}

.menu {
	background-color: white;
}

.mapa {
	height: 200px;
	margin-top: 5px;
	border-style: solid;
	border-width: 5px 1px;
	border-color: black;
}

.boton_llamar {
	position: absolute;
	left: auto;
	top: auto;
	display: block;
	width: 200px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: 20%;
	border-radius: 15px;
	background-color: black;
	background-image: url('../images/llamar.gif');
	background-position: 100% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1.2em;
	font-weight: 700;text-indent: 3px;
}

.boton_llamar:hover {
	background-color: #238c00;
}

.formulario {
	display: block;
	width: 95%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}

.footer {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #ddddde;
}

.enviar {
	border-radius: 12px;
	background-color: #238c00;
	font-family: Verdana, Geneva, sans-serif;
}

.enviar:active {
	background-color: black;
}

.text_form {
	color: #666;font-size: 0.9em;
}

.head01 {
	display: block;
	height: 156px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	border: 5px solid white;
	background-image: url('../images/encabezado_impresion_digital.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.texto_pagina {
	display: block;
}

.txt {
	display: block;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
}

.cotizar {
	display: block;
	width: 38%;
	margin: 10px auto;
	border-radius: 13px;
	background-color: #b20000;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 1em;
	text-align: center;
}

.cotizar:hover {
	background-color: black;
}

.tit_map {
	position: absolute;
	left: auto;
	top: auto;
	right: auto;
	z-index: 1;
	width: auto;
	margin-top: 9px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: black;
	background-image: url('../images/ubicacion.png');
	background-position: 100% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	font-size: 13px;
	font-weight: 400;text-transform: uppercase;
}

.head02 {
	height: 156px;
	border: 5px solid white;
	background-image: url('../images/encabezado_impresion_pop.jpg');
	background-position: 0px 0px;
	background-size: cover;
}

.head03 {
	height: 156px;
	border: 5px solid white;
	background-image: url('../images/encabezado_impresion_vitrinas.jpg');
	background-position: 0px 0px;
	background-size: cover;
}

.head04 {
	height: 156px;
	border: 5px solid white;
	background-image: url('../images/encabezado_impresion_vehiculo.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.foto_marcos {
	float: right;
}

.head05 {
	height: 156px;
	border: 5px solid white;
	background-image: url('../images/encabezado_impresion_cuadros.jpg');
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.menu_open {
	background-color: white;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
}

.menu_open.w--open {
	background-color: white;
	color: black;
}

.open {
	border-top: 0px solid black;
	border-bottom: 1px solid black;
	background-color: white;
	color: black;
}

.open:hover {
	background-color: black;
	color: white;
}

.open_1 {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: white;
	color: black;
}

.open_1:hover {
	background-color: black;
	color: white;
}

.img_footer {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.ubicacion{
	position:absolute;
	color:#FFF;
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	z-index:50;
	font-size: 12px;
	padding:3px 12px;
	text-transform:uppercase;
	border-radius: 0px 0px 10px 0px;
}

}