/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
 
button { -webkit-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; }

ul, 
ol { padding-left: 0; margin: 0 }
li { list-style: none; }
input[type="text"], 
input[type="checkbox"],
input[type="date"],
SELECT,
textarea2,
input[type="email"], 
input[type="search"], 
input[type="password"] { box-shadow: inset; border-radius: 50px; -webkit-appearance: none; -moz-appearance: none; }
textarea { box-shadow: inset; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; }
.btn:focus, 
.btn:active { outline: inherit; }
textarea:focus, 
input:focus { color: #ffffff; }


/* ==========================================================================
2. Tipografía
========================================================================== */


.contentarea { margin: 0 auto 20px; padding: 0; }

@font-face {
  font-family: 'PirotecniaFont';
  src: url('../../../css/font/eurostyle.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}




/* Boton Estandar */

/*Boton chico */
.small-button { display: inline-block; width: 150px;  font-size: 14px; padding-left: 50%; padding: 1px 13px; text-transform: uppercase; border: 1px solid  #00c0ff; letter-spacing: 1px; text-decoration: none; color: #00c0ff;  font-weight: 400; margin: 20px 0; text-align:center; cursor: pointer; background-color: transparent; }
.small-button:hover { color: #fff; background-color: #000; border-color: #00c0ff; text-decoration: none; }

.small-button:focus { text-decoration: none; }

.form-group button { margin-top: 0; }


/* ==========================================================================
20. Contacto
 */
/* ==========================================================================
 Aqui esta las letras mayusculas, y el espaciado entre campos
========================================================================== */

.form-group form { transition: all 800ms ease-in-out 0s; -moz-transition: all 800ms ease-in-out 0s; -webkit-transition: all 800ms ease-in-out 0s; -o-transition-duration: all 800ms ease-in-out 0s; }
#success { background-color: #fff; border: 2px solid #cfa144; color: #cfa144; display: none; font-size: 20px; font-family: "PirotecniaFont",sans-serif; line-height: 30px; text-align: center; text-transform: none; }
.contact-info { margin-top: 54px; }
.left-part { padding: 0 0; }
.contact-text { display: table; width: 57%; text-align:center; margin: 0 0; z-index:999 }
.address { margin: 0 0; }
.head { margin-bottom: 57px; }
.icon-list li { font-size: 16px; }
.icon-list i { font-size: 20px; margin-right: 20px; }
.icon-list li a { color: #000; text-decoration: none; }
.icon-list li a:hover { text-decoration: underline; }
.right-part { padding: 0 0; }
.relativem{
border: 0px solid black;
position: relative;
}
.relativetipo{
border: 0px solid black;
position: relative;
margin-top: 12px;
}
paddingc{
	margin-bottom: 10px;
}
ancho{ width: 100%;
}

@media only screen and (min-width: 100px) and (max-width:760px) {
.relativem{
border: 0px solid black;
position: relative;
margin-top: 20px;

}
frente{
	z-index:0;	
}
.relativetipo{
border: 0px solid black;
position: relative;
margin-top: 15px;
}
paddingc{
	margin-bottom: 10px;
}
.form-group { }
ancho{ width: 100%;
text-align:center;
margin-left: 100px;
}

}