/*
*
* Hoja de estilos para el contacto (Contact)
*
*/

/*Titulo contacto*/
h2{

    font-family: maven-pro-media;	/*Tipo de letra*/
	font-size: 1.5em;				/*Tamaño de la letra*/
    margin-top: 0px;				/*Eliminamos margen superior*/
    margin-bottom: 3%;				/*Añadimos un margen inferior*/
}


/*Tamaño, color y bordes de los input*/
input {

    border-width:1px 0px 0px 0px;	/*Borde superior*/
    border-color: #000000;			/*Color negro del borde*/
    border-style:solid;				/*Borde solido para que se muestre*/
    outline:0px;
}


/*Tamaño, color y bordes del text area*/
textarea.DatosContactoArea{
    
    border-width:1px 0px 1px 0px;	/*Borde superior*/
    border-color: #000000; 			/*Color negro del borde*/
    border-style:solid;				/*Borde solido para que se muestre*/
    outline:0px;
    resize:none;					/*No permitimos que se pueda redimensionar la caja*/
}


/*Campos del formulario*/
#NombreFormulario, #EmailFormulario, #AsuntoFormulario {
	
	background-image: url("../Imagenes/Fondo/fondo.png"); /*Imagen de fondo*/
 	background-repeat: repeat;  /*Imagen de fondo repetida tanto en x como en y*/
}


/*Tipo de letra del placeholder inputs*/
input.DatosContacto[placeholder]{

      font-family: maven-pro-media;
}


/*Color del placeholder inputs cuando son correctos (Negros)*/
.DatosContacto.Correcto::-webkit-input-placeholder { color: #777777; opacity: 1; }
.DatosContacto.Correcto:-moz-placeholder { color: #777777; opacity: 1; }
.DatosContacto.Correcto::-moz-placeholder { color: #777777; opacity: 1; }
.DatosContacto.Correcto:-ms-input-placeholder { color: #777777; opacity: 1; }

/*Color del placeholder inputs cuando son erroneos (Rojos)*/
.DatosContacto.Error::-webkit-input-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContacto.Error:-moz-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContacto.Error::-moz-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContacto.Error:-ms-input-placeholder { color: #BE0600; opacity: 0.7; }



/*Tipo de letra del placeholder textarea*/
textarea.DatosContactoArea[placeholder]{
  
      font-family: maven-pro-media;
}


/*Color del placeholder text area cuando es correcto (Negro)*/
.DatosContactoArea.Correcto::-webkit-input-placeholder { color: #777777; opacity: 1; }
.DatosContactoArea.Correcto:-moz-placeholder { color: #777777; opacity: 1; }
.DatosContactoArea.Correcto::-moz-placeholder { color: #777777; opacity: 1; }
.DatosContactoArea.Correcto:-ms-input-placeholder { color: #777777; opacity: 1; }

/*Color del placeholder inputs cuando es erroneo (Rojo)*/
.DatosContactoArea.Error::-webkit-input-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContactoArea.Error:-moz-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContactoArea.Error::-moz-placeholder { color: #BE0600; opacity: 0.7; }
.DatosContactoArea.Error:-ms-input-placeholder { color: #BE0600; opacity: 0.7; }


/*Botones del formulario contacto*/
.botonContacto {

    margin-top: 3%; 
	-moz-box-shadow: 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 0px 0px #ffffff;
	box-shadow: 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:45px;
	-webkit-border-radius:45px;
	border-radius: 45px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family: maven-pro-media;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    outline: none !important; -moz-outline-style: none !important;
}


/*Desplazamiento de los botones del formulario contacto cuando se pulsa*/
.botonContacto:active {
	
    position:relative;
	top:1px;
}


/*Posicionamiento de la informacion inferior del contacto*/
.situacion{

    margin-top: 6%;
    padding: 0px;
}

/*Informacion del contato*/
h3{

    font-family: maven-pro-media;	/*Tipo de letra*/
    font-size: 0.9em;				/*Tamaño de la letra*/
    margin-top: 0px;				/*Eliminamos margen superior*/
    padding: 0px;					/*Eliminamos margenes interiores*/
    display: block;					/*Establecemos elementos de bloque*/
}

.centrado{

    text-align: center;				/*Centra la informacion del contacto*/
}

.color{

	font-family: maven-pro-media;	/*Tipo de letra*/
	display: inline;				/*Estableces el elemento de linea*/
  	font-size: 1em;					/*Tamaño de la letra*/
	color: rgb(60,60,60);			/*Modificamos la opacidad poniendo tono gris*/
	font-weight: bold;				/*Letra negrita*/
}


.cajaExito{ 

	position: absolute;				/*Posicion*/
	top: 8%;						/*Colocacion del contenedor respecto a la parte superior*/
	height: 30%;					/*Altura del contenedor*/
	border:1px solid #000000;		/*Borde negro*/
    border-radius: 5px; 			/*Borde redondeado*/
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    background-color: #EEEEEE;		/*Color de fondo*/
	box-shadow: 6px 6px 5px #777777;/*Sombra para generar profundidad*/
	-moz-box-shadow: 6px 6px 5px #777777;
	-webkit-box-shadow: 6px 6px 5px #777777;
	background-image: url("../Imagenes/Fondo/fondoEnvio.jpg"); /*Imagen de fondo*/
 	background-repeat: repeat;  /*Imagen de fondo repetida tanto en x como en y*/
}

.textoExito{ 

    font-family: maven-pro-media; 	/*Tipo de letra*/
    color: #000; 					/*Color letra*/
    font-size:15px; 				/*Tamaño letra*/
    text-align: center;				/*Centrado*/
    position: relative;				/*Posicion*/
    top: 40%;						/*Colocacion del texto respecto a la parte superior*/
    font-weight: bold;				/*Tipo de letra negrita*/
    text-decoration: underline;		/*Texto subrayado*/
}