﻿@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Squada+One);



#Contacto-Container 
{ 
background: url("Images/fondo-contacto.png");
width: 1024px;
height: 768px;
margin: 0px auto; 
text-align: left; 
}


#Contacto-content { 
position:relative;
left:200;
top:-1000;
background-color: rgba(0,0,0,0.000001);
width:1024px;
height:656px; 
overflow: hidden;
}

#Contacto-Datos
{
font-family: Calibri;
font-size:14px;
background-color: rgba(0,0,0,0.000001);
/*background:#CCC;*/
position:relative;
left: 600px;
top: 0px;
width:380px;
height:300px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
text-align: left; 
}

#Contacto-Datos h1
{
font-family: Calibri;
font-size:45px;
color: #FFF; 
text-align: left; 
margin-right: 0px; 
margin-top: 0px;
margin-bottom:10px;
padding-bottom: 0px;
}

#Contacto-Datos p
{
font-family: Calibri;
font-size:22px;
color: #FFF; 
text-align: left; 
margin-right: 0px; 
margin-top: 0px;
margin-bottom:0px;
padding-top: 0px;
}



#Contacto-Formulario
{
font-family: Calibri;
font-size:14px;
background-color: rgba(0,0,0,0.000001);
/*background:#CCC;*/
position:relative;
left: 100px;
top: -125px;
width:450px;
height:300px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
text-align: left; 
}

#Contacto-Formulario h1
{
font-family: BebasNeue;
font-size:43px;
color: #FFF; 
text-align: left; 
margin-right: 0px; 
margin-top: 0px;
margin-bottom:10px;
padding-bottom: 0px;
}

#Contacto-Formulario p
{
font-family: Calibri;
font-size:15px;
color: #FFF; 
text-align: left; 
margin-right: 0px; 
margin-top: 0px;
padding-top: 0px;
}


.contacto label 
{ 
font-family: BebasNeue;
color:#FFF;
font-size:23px;
display: block;
/*font-weight: bold;*/
}

.contacto div { margin-bottom: 15px; }
.contacto input[type="text"], .contacto textarea { resize: none; width: 294px; }
.contacto input[type="text"]:focus, .contacto textarea:focus { box-shadow: 0 0 0 3px #068ECA; outline: medium none; }
.contacto input[type="submit"] { font-family: BebasNeue; font-size:21px; background: none repeat scroll 0 0 #CCCCCC; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 0 3px #CCCCCC;
margin-left:30px;
text-align:center;}
.contacto input[type="submit"]:hover { background: none repeat scroll 0 0 #BC1010; border: 1px solid #BC1010; box-shadow: 0 0 0 3px #BC1010; color: #FFFFFF; }
.contacto input[type="submit"]:active { background: -moz-linear-gradient(center top, #CFE6EF 0%, #EDFCFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.contacto p { color: #1C1B1B; font-family: sans-serif; font-size: 15px; }
.contacto ol, ul, a { font-family: sans-serif; font-size: 13px; }






