@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}
body{background: -webkit-linear-gradient(#AC453C,#F17685,white) fixed;
background: -moz-linear-gradient(#AC453C,#F17685,white) fixed;
background:-o-linear-gradient(#AC453C,#F17685,white) fixed;
background:-ms-linear-gradient(#AC453C,#F17685,white) fixed;

}

#container{position:relative;
	width:1200px;
	margin: auto;
	}
div#enlace{
	margin:auto;
	position:relative;
	width:700px;
	}
div.header{
margin:auto;
text-align:center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10000;
cursor: default;
/*	background-color: rgba(255,226,213,1);*/
	
}
div#about{
	width:100%;
	margin:auto;
	padding-top:200px;
	position:relative;
	padding-bottom:700px;
	
	}
div#right{
	padding:5px;
	float:right;
	width:60%;
position:relative;}
div#left{width:30%;
	padding:10px;
	position:relative;
	float:left;
	height:450px;
	width:380px;
	}
#left h1{opacity:1;
	color: #0E3282;
	margin: auto;
	text-align:center;
	position: absolute;
	text-shadow: #F17685 -2px -2px 1px;
	left: 50px;
	top: 0px;
	background-image:url(../images/flecha.png);
	background-repeat: no-repeat;

}
#left span{
	line-height:100px;
	}

#left img{
	position: absolute;
	opacity: 0;
	left: 9px;
	top: 11px;	
	}

div#inc{
	margin:auto;
	text-align:center;
	position:relative;
	width:100%;
	/*clear:both;*/
	height:800px;
	
	
	}
div#ofert{
	width:100%;
	margin:auto;
	height:600px;
	position:relative;
	clear:both;
	text-align:center;
	padding-bottom:150px;
	}
div#contact{width:100%;
position:relative;
margin:auto;
/*padding-top:70px;*/

clear:both;
padding-bottom:20px;}
div.invisible{
	height:50px;}

div#iframe{
	
	position:relative;
	width:570px;
	float:right;
	
	padding-top:40px;}

div#enlace a{
	display:block;
	color:white;
	width:120px;
	float:left;
	text-decoration:none;
	margin:10px;
	padding:10px;
	border:2px solid maroon;
	font-weight:bold;
	border-radius:10px;
}	

div#ofert a.button{
	margin-top:40px;}
	
div#inc a.button{
	top:650px;
	position:relative;
	
	}	
/*codigo de la tabla aquí*/

div.uno{position:absolute;
	top: 25px;
	left: 10px;	
	width: 230px;
}
div.dos{position:absolute;
	top: 100px;
	left: 264px;
	width: 230px;
}
div.tres{position:absolute;
	top: 60px;
	left: 506px;
	width: 230px;
}

div.cuatro{position:absolute;
	top: 100px;
	left: 755px;
	width: 230px;
}
div.cinco{position:absolute;
	top: 25px;
	left: 990px;
	width: 230px;
}
div.seis{position:absolute;
	top: 395px;
	left: 5px;
	width: 230px;
}
div.siete{position:absolute;
	top: 413px;
	left: 252px;
	width: 230px;
}
div.ocho{position:absolute;
	top: 395px;
	left: 486px;
	width: 230px;
}
div.nueve{position:absolute;
	top: 422px;
	left: 762px;
	width: 230px;
}
div.diez{position:absolute;
	top: 495px;
	left: 990px;
	width: 230px;
}

#inc div h2{color:#0E3282;  
padding:5px;
border-radius:20px;
width:150px;
cursor:pointer;
box-shadow: inset 2px 10px 10px rgba(0,0,0,.2); /* Sombra interior */

 }

#inc div p{
	
	display: inline-block;
	text-align: justify;
	position: absolute;
	left: -17px;
	top: -69px;
	width: 180px;
	height: 240px;
	margin-top: 100px;
	display:none;
	padding: 20px;
	padding-top: 40px;
	color: #550000;
}

/*fin de código para la tabla*/


#ofert img{
	margin:12px;}
#ofert h3{color:white;
margin-top:20px;
padding:30px;
float:left;
font-family: Verdana, Geneva, sans-serif;
font-size:40px;}


#right h1{color:white;
text-shadow:-1px -1px 0.5px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
position:relative;
left:15px;}
#right h2{font-weight:bold;
color:white;
padding:15px;}
#right p{color:#550000;
	font-size:24px;
margin:20px;
text-align:justify;
width:600px;
padding-bottom:10px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.button{
position: relative;
width:200px;
padding:10px;

text-align:center;
		display: inline-block;
		color:white;
		text-decoration: none;
		font-weight:bold;
		border: 2px solid blue;
		padding:20px;
		margin-left:10px;
		cursor: pointer;
		border-radius: 8px;
		text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
		overflow: hidden;
		background: #61b8db;
		background-image: -moz-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -webkit-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -o-linear-gradient(rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -ms-linear-gradient(rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: linear-gradient(rgba(97,184,219,0), rgba(48,141,196,1));
		box-shadow: inset 0px 0px 0px 1px #135c86, inset 0px 2px 1px 0px rgba(255,255,255,0.75);
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
		-o-transition: background-color .2s ease-in-out;
		-ms-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;}



label{color:maroon;
font-weight:bold;
display:block;
padding:10px;}
form input{display:block;
width:180px;
margin-left:5px;}
.bloque{
	width:500px;
	height:30px;
	border:3px solid silver;
	border-radius:10px;}
em{color:red;}
form{width:540px;
margin-left:10px;

float:left;
position:relative;}


textarea{width:500px;
margin-left:5px;
border:3px solid silver;
	border-radius:10px;}
.borrado{font-weight:bold;
color:blue;
border:1px solid blue;
border-radius: 5px;
display:inline-block;
position:relative;
clear:left;
height:45px;
margin-top:2px;
	background-image: -moz-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -webkit-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -o-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: -ms-linear-gradient(top, rgba(97,184,219,0), rgba(48,141,196,1));
		background-image: linear-gradient(rgba(97,184,219,0), rgba(48,141,196,1));

}
.enviar{position:relative;
float:left;
margin-left:100px;
}

/*css para footer*/
div.datos{position:relative;
clear:both;
width:1200px;
margin:auto;

opacity:0.4;
}
div.datos h1{color:blue;
margin-left:15px;}
div.datos h1,p{
	margin-right:40px;

display:inline-block;}
div.datos p{display: inline-block;
color:maroon;


}
div.redes{text-align:center;
margin-top:10px;
opacity:0.5;}
div.redes a{margin-right:50px;
}



#contact h4,h3{color:white;
padding:10px;}
[href="sitemap.html"]{text-decoration:none;
color: #555FFF;
position:relative;
float:right;
margin-bottom:0;}
.autor{margin-left:50px;
color:silver;}