/* CSS Document */
/*----------reset---------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ 
	margin: 0;  padding: 0;  border: 0;  outline: 0;  font-weight: inherit;
	text-decoration:none; color:inherit; 
 	font-style: inherit;  font-size: 100%;  font-family: inherit;  vertical-align: baseline;
}
:focus {  outline: 0; }
ol, ul {  list-style: none; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
@font-face {
    font-family: "lucida";
    src: url(lucida.ttf) format("truetype");
}


/*-----Estructura de pagina-----*/
body 
{
	margin:0;
	padding:0;
	background:url(../img/fondo.gif);
	font-family: Tahoma, Geneva, sans-serif;
	color: #3f3f3f;
}
	header
	{
		margin:auto;
		margin-top: 30px;
		height:125px;
		width: 960px;
	}
		header img
		{
			float: left;
			height:125px; 
		}
		nav
		{			
			background-color: #E7E7E7;
			float: right;
			font-family: "lucida";
			box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.70);
			-moz-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
			-webkit-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
			border-radius:5px;			
			height: 50px;
			width: 650px;
			margin-top: 45px;
			border-collapse:collapse;
			border-spacing: 2em;
		}
			nav li
			{
				display: inline-block;
				color: #0043A7;
				font-size: 23px;
				height:30px;
				padding: 12px 35px 10px 46px;
				text-decoration: none;
			}
			nav ul a
			{
				display: inline-block;
				font-family: "script";
			}

	#content
	{
		background: #E7E7E7;
		color: #0043A7;
		margin:auto;
		margin-top: 10px;
		min-height: 500px;
		max-height: 1000px;
		width: 960px;
		box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.70);
		-moz-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
		-webkit-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
		border-radius:5px;	
		overflow: hidden;
	}

		#servicios
		{
			float: left;
			width:280px;
			height: 250px;
			margin: 20px 17px;
			border: solid 1px #CCC;
			border-radius: 10px;
			padding: 2px;
		}
			#servicios img
			{
				float: left;
				height: 75px;
				margin-left: 84px
			}		
			#servicios p
			{
				color: #0043A7;
				float: left;
				height: 20px;
				width:280px;
				font-size: 18px;
				text-align: center;
				margin-top: 5px;
			}
			#servicios_text
			{
				color: #0043A7;
				float: left;
				height: 170px;
				width:240px;
				font-size: 14px;
				text-align: center;
				margin: 10px 20px;
			}


		#formulario
		{
			float:left;
			width: 960px;
			height: 450px; 
			text-align: center;
			color: #0043A7;
		}
			#formulario_titel
			{
				float: left;
				width: 940px;
				height: 20px;
				font-size: 18px;
				margin: 10px 10px;	
			}
			#formulario_text
			{
				float: left;
				width: 940px;
				height: 25px;
				font-size: 14px;
				margin: 5px 10px;			
			}
			#formulario_form
			{
				float: left;
				width: 940px;
				height: 330px;
				margin: 5px 10px;				
			}
		#envios
		{
			float:left;
			width: 940px;
			height: 60px;
			font-size: 10px; 
			margin: 10px 10px;
			text-align: center;
		}
	footer
	{
			-moz-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
			-webkit-box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.7);
			background: #E7E7E7;	
			border-radius:5px;		
			box-shadow: 8px 7px 25px rgba(0, 0, 0, 0.70);
			height:50px;
			margin:auto;			
			margin-bottom: 50px;
			margin-top: 30px;
			width:960px;
	}

		#copy
		{
			color: #3f3f3f;
			float: left;
			font-size: 15px;
			height: 25px;
			margin: 15px 0px 0px 10px;
			width: 350px;
		}
		#copy a
		{
			color:#1D81B7;
		}

		#social
		{
			float: left;
			height: 40px;
			margin: 10px 0px 0px 80px;
			width: 200px;
		}
		#social img
		{
			width: 32px;
			height: 32px;
			margin-left: 10px;
		}

		#text_inicio
		{
			float: left;
			height: 100px;
			margin: 225px 25px 0px 20px;
			text-align: center;
			width: 300px;
			font-size: 20px;
		}
	#titulo
	{
		float: left;
		width: 960px;
		height: 50px;
		font-size: 35px;
		margin-top: 10px;
		text-align: center;
	}
	#slider
	{
		float: left;
		margin-top: 20px;
		width: 300px;
		height: 540px;
	}


	#biografia
	{
		width: 920px;
		min-height: 100px;
		max-height: 600px;
		float: left;
		margin:20px;
		font-size: 14px;
		text-align: justify;
	}	
	#biografia_img
	{
		float: left;	
		width: 960px;
		min-height: 100px;
		max-height: 600px;
		margin-top: 20px;
		text-align: center;
	}