@charset "utf-8";
/* CSS Document */

body, p, a, div, label, input, header, section, article, footer{ margin:0; padding:0;}

header, section, article, footer{display: block;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}

a{ outline:none;}

img{ border:none;}

strong{	color:#9FBF06;}

header {
	background:url(../images/body.png) no-repeat top center;
	margin:0 auto;
	width:818px;
	height:642px;
	padding:0;
}

header h1{
	padding: 26px 0 0 286px;
	width: 500px;
	text-align: right;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 1.5em;
}

#top{
	width: 100%;
	height: 50px;
}

#left{
	width:475px;
	height:492px;
	display: inline-block;
	vertical-align: top;
}

#right{
	width:335px;
	height:492px;
	display: inline-block;
	vertical-align: top;
}

#left p{ float:left; margin:114px 0 0 66px; width:280px; color:#333;}

#left h2{ float:left; margin:10px 0 0 60px; width:300px;  text-align:left; line-height:35px}

#right p.address{ font-size:13px; margin: 5px 0 0 12px;}

/*FORMULARIO CONTACTO*/
.formulario{ margin:25px 0 0;}

form{ position:relative; margin:50px 12px 0; padding:0;}

p{ margin:0 0 10px 0; font-size:14px; }

label{ color:#9FBF06; font-weight:bold; display:inline-block; margin:0 0 10px 0;}

input { display:block; width:303px; padding:3px; background:url(../images/input_unactive.gif) bottom repeat-x #fff; border:1px solid #ccc; font-size:13px; color:#666;}

textarea{ display:block; width:303px; padding:3px; background:url(../images/input_unactive.gif) bottom repeat-x #fff; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}

input:focus{ background:url(../images/input_active.gif) top repeat-x #fff; border:1px solid #334DA2;}

textarea:focus{ background:url(../images/input_active.gif) top repeat-x #fff; border:1px solid #334DA2;}

input.button{ float:right; display:inline-block; background: #9FBF06; border:1px solid #334DA2; color:#fff; font-weight:bold; width:30%; cursor:pointer;}

input.button:hover, input.button:focus{ background:#9FBF06;}

.codcaptcha{
	display:inline-block; 
	width:50px; 
	padding:3px; 
	background:url(../images/input_unactive.gif) 
	bottom repeat-x #fff; 
	border:1px solid #ccc; 
	font-size:13px; 
	color:#666;
}

/*//////////////// mensaje /////////////////////////////////*/

div.mensaje{ width:335px; height:464px; margin:0 auto; background:url(../images/mensaje.gif) no-repeat;}

div.mensaje a.logo{ margin:5px 0 0 2px; float:left;}

div.mensaje p.intro{ text-align:center; padding:10px; margin:25px 16px 0 16px; float:left; background:#ffddfe; border:1px solid #feb2fb; width:280px;}

div.mensaje ul{ text-align:center; padding:10px; float:left; list-style:none; margin:25px 0 0 50px;}

a, a:visited, a:hover{color:#00a8ff; font-weight:bold;}

p.info{
	margin: 0 0 10px 0;
	font-size: 14px;
	text-align: center;
}
/*CONTENIDO*/
section{
	width: 100%;
}

article{
	margin:0 auto;
	width:818px;
	padding:0;
}

article h2{
	width: 100%;
	line-height: 35px;
	color: #9FBF06;
	text-align: center;
}

article p{
	text-align: justify;
	display: block;
}

article ul li{
	text-align: justify;
	margin:0 0 10px 0;
	font-size:14px;
}
/*//////////////// pie /////////////////////////////////*/

footer {
	margin:0 auto;
	width: 100%;
	color:#ccc;
	text-decoration:none;
}

footer a {	color:#ffffff; text-decoration:none;}

footer .copyright {
	width:818px;
	height: 38px;
	margin: 0 auto;
	font-size:12px;
	text-decoration:none;
	background-color: #9FBF06;
	color: #FFFFFF;
}

footer .copyright p{
	padding: 10px;
}

footer .copyright p a{
	color: #FFFFFF;
}
footer .autor{
	width:818px;
	margin: 0 auto;
	padding:5px;
	background:#fff;
	border:0px solid #eee;
	text-decoration:none;
	text-align: center;
	font-size: 7px;
}
footer .autor p{ display: inline-block; vertical-align: middle;}
footer .autor p a{color: #9FBF06;}
footer .autor img{display: inline-block; vertical-align: middle;}