@charset "utf-8";
/* CSS Document */
	body{
	 background-color:#FFFFFF;
		
	}
	
	.contenedor{
		margin:0 auto;
		position:relative;
		width:100%;
		height:500px;
		background-color:white;
		margin-top: 6%;
		box-shadow: 0 0 5px .5px black;
		clear:both;
		margin-top:10px;
		
		
		
	}
	.encabezado{
		font-size:18pt;
		text-transform: capitalize;
		color:#000000;
		text-shadow: 0 1px  5px black;
		text-align:center;
		background: url(bg.jpg) repeat;
		height:53px;
		line-height: 53px;
		background:url(images/header.jpg);
		
	}
	input{
		font-family:Arial;
		margin-top:15px;
		margin-bottom:15px;
		font-size:12pt;
		border-radius:5px;
		border:none;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		background:url(images/header.jpg);
	}
	input[type="text"]{
        position:relative;
		width:100%;
		text-align:center;
		background:url(images/icon-nombre.png) left no-repeat;
		background-color:#f0f4f4;
	}
	input[type="Email"]{

    width:100%;
	text-align:center;
	background:url(images/icon-correo.png) left no-repeat;
	text-decoration: blink;	
	background-color:#f0f4f4;

	}
	/*
	input[type="submit"]{
		width:120px;
		height:36px;
		position:relative;
		margin-bottom:10px;
		border-radius:5px ;
		cursor: pointer;
		//background-color:#f0f4f4;
		font-size:13px;
		color:white;
		text-shadow: 0 1px  5px black;
		margin-right:40px;
		float:right;
		font-family:inherit;
	}
	*/
	input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
	.mensaje
	{
		font-family:Arial;
		font-size:16px;
		margin-top:20px;
		background-color:#f0f4f4;
		width:100%;
		height:70px;
		border-radius:5px;
		border:none;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		text-align:center;
		
	}
	

	.formulario{
		padding-left:20px;
		padding-right:20px;
		position:relative;
	 

	}
	/*
	.mensaje{
	
	width:500px;
	margin-right:100px;
	margin-left:100px;
	background:url(Formularios/icon-mensaje.png)left no-repeat;
	background-color:#C11417;
	padding-left:25px;
	}
	*/
	
	
	.divisor{
		margin-top:40px;
		margin-left:40px;
		background:url("divisor.png");
		width:600px;
		height:1px;
		background-color:#FCF9F9;
	
	}
	#marco{
	background-color:#f0f4f4;
	}
	
	
			
	.sobre2{
		position: relative;
		} 
	.sobre2:before {
		 content:  "\f0e0";
		 font-family: FontAwesome;
		 font-size: 30px; 
		margin-top:10px; 
	 margin-left:30px; 
	margin-bottom:50px; 
	margin-right:20px;
		 display:inline; 
		 width: 50%;
		 text-align:inherit;
		 position:relative;
		 
		 }
	
	.telefono{
		position: relative; } 
	.telefono:before {
		 content:  "\f098";
		 font-family: FontAwesome;
		 font-size: 37px; 
		margin-top:10px; 
		margin-left:30px; 
		margin-bottom:50px; 
		margin-right:20px;
		display:inline; 
		 width: 50%;
		 text-align:left; }
	.casa{
		position: relative;} 
	.casa:before {
		 content:   "\f015";
		  font-family: FontAwesome;
		   font-size: 40px; 
		 margin-top:10px; 
		 margin-left:30px;
		 margin-right:20px;
		  margin-bottom:50px; 
		  display:inline; 
		   width: 50%;
		   text-align:left; }
		.drop-shadow {
            position:relative;   
            padding:1em; 
            margin:2em auto 5em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:relative;
            z-index:-2;
			
        }

        .drop-shadow:after{                 

        }
        
        .round {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .round:before,
        .round:after { 
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .round:after {
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
	 .rotated {
           -webkit-transform:rotate(-3deg);    
           -moz-transform:rotate(-3deg);   
           -o-transform:rotate(-3deg);
           transform:rotate(-3deg);
        }
	 .rotated2 {
           -webkit-transform:rotate(2deg);    
           -moz-transform:rotate(2deg);   
            -o-transform:rotate(2deg);
           transform:rotate(2deg);
        }
        
        .rotated *:first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
	
	div.background {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 height: 100%;
 width: 100%;
 text-align: center;
 background: rgba(0,0,0,0.9);
 z-index:400;
 }
 
 div.background:target {
 display: block;
 }
 /** IE no soporta :target, así que usaremos expresiones CSS */
 div.background {
	 /*
 display: expression((document.location.toString().split('#').slice(1) == this.
 id)?'block':'none');*/
 }
 
 
div.background .close{
 display: block;
 width: 500px;
 height: 0px;
 padding:0 10px 0 0;
 text-align: right;
 position: relative;
 color: #000;
 font-size: 18px;
 text-shadow: 0 0 4px #FFF;
 margin-top:20px;
 text-decoration:none;
 }
 
div.background .close:hover{
 font-size: 19px;
 }
 div.background #recuadro {
 margin-left:auto;
 margin-right:auto;
 margin-top:10%;
 vertical-align:central;
 border: solid 5px #FFF ;
 width: 40%;
 height: 300px;
 text-align:center;
 padding-top:5%;
 }