﻿@import url('reset.css');
@import url('pixelmenos.css');
html,body{ height:100%; width:100%;}
body{line-height: 1;font: normal 12px Arial, Helvetica, sans-serif;vertical-align: top;	color: #000;
	background-color:#fff;
	width:100%;
	margin:0px;
	background-image:url(../css/images/fondob.jpg);
	background-repeat:repeat-x;
}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
img.centered {display: block;margin-left: auto;	margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
/* =2 Enlaces
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #333; text-decoration:none;
}
a:hover {
	color: #111;text-decoration:underline;
}
a:active {
	color: #111;
}
/* =3 Cabeceras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
}
h3 {
	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h1{
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #090;
	margin-bottom: 1em;
	padding-bottom:5px;
}

p{
	font-size:12px;
	color:#333;
	margin:0 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#fondod {
	background-image:url(../css/images/fidb.png);
	background-repeat:repeat-x;
	width:50%;
	height:100%;
	float:right;
	height:550px;
	margin:0 auto;
}
#loginok{
	height:27px;
	width:450px;
	padding-left: 460px;
	padding-top: 8px;
	display: none;
	
}
#loginhome{
	height:29px;
	width:480px;
	padding-left: 460px;
	padding-top: 3px;
	text-align: left;

	
}
.login input{
	
	padding: 2px;
	/*border: 1px solid #64932c;*/
	
	font-size:11px;
	color:#333;
}
#inscribete {
	float:left;
	width:80px;
	margin-top:5px;
}

#inscribete a,a:link,a:active{ color:#FFF; background-image:none; padding:0px; margin:0px;}
#inscribete a:hover{}

#topcabecera {
	height:37px;
	background-image:url(../css/images/topcabecera.png);
	background-repeat:no-repeat;
	width: 950px;
}
.formulario{
	padding: 0 10px 10px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.formulario label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
.formulario input{
	width: 250px;
	padding: 6px;
	border: 1px solid #cecece;
}
.formulario select{
	width: 264px;
	padding: 6px;
	border: 1px solid #cecece;
}
.formulario input.siguiente{
	width: 100px;
	padding: 6px;
	border: 1px solid #cecece;
}
.formulario input.siguiente:hover {
	width: 100px;
	padding: 6px;
	background-color:#a1d145;
	color:#FFF;
	border: 1px solid #63bf17;
}

.formulario input.grande{width: 550px;}
.formulario input.chico{width: 150px;}
.formulario input.check {width:20px;}
.formulario input.error{
	background: #f8dbdb;
	border-color: #e77776;
	color:red;
}
.formulario textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cecece;
}
.inscribirse{
	padding: 0 10px 10px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#09F;
}
.inscribirse input{
	width:15px;
	padding: 6px;
	border: 1px solid #cecece;
	}
.inscribirse input.boton{
	color:red;
	}

.formulario textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.formulario div{
	margin-bottom:10px;
	float:left;
	margin-left: 10px;
	position: relative;
}

.formulario div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
.formulario div span.error{
	color: #e46c6e;
}
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#contenedor {
	margin:0 auto;
	width:980px;
	margin-left:-450px;
	left:50%;
	position:relative;
	z-index:100;
	display: block;
}
#conizquierda {
	height:100%;
	float:left;
	width:699px;
	margin: 10px;
	padding-left:15px;
	border-left: 1px solid #D5D5D5;
	position: relative;
}
#conizquierda1,#conizquierda2 {
	height:100%;
	float:left;
	width:699px;
	margin: 10px;
	padding-left:15px;
	border-left: 1px solid #E4E4E4;
	position: relative;
	display:none;
}
ul#promotores{
	margin:10px 0px;
	
	
	
	}
ul#promotores li{ position:relative; padding:10px 0px; border-bottom:1px solid #D7D7D7;} 	
ul#promotores li input{ width:15px;  position:absolute; top:7px; right:5px; } 
#conderecha {
	float:left;
	width:200px;
	margin-top: 10px;
	position: relative;
}
.formulario div p {
	display:none;
	position: absolute;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 9px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	color:red;

}
#hola{
	height:350px;
	width:500px;
	margin:0 auto;
	background-image:url(images/logo.gif);
}
.rojo {
	color:red;
}
.caja {
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	height: 160px;
	position: relative;
}
.caja p {
	font-weight:bold;
	color:#090;
}
.caja p samp {
	color:#333;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	padding-left: 15px;
}
/*----------------*/
ul#menu{
	list-style:none;
	position: absolute;
	top: 136px;
	right: 7px;
	width: 175px;
	height:183px;
	z-index: 7;
}

ul#menu li{
	margin-right: 10px;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 500;
	width:auto;
	padding:5px 0px;
	;
	margin-bottom:5px;
	border-bottom:1px solid  #D5D5D5;
	display:block;

}

ul#menu li a,a:link,a:visited{
	background-image:none;
	padding:0 10px;
	margin:0px;
	color:#333;

}
ul#menu li a:hover{
	text-decoration:none;
	color:#60bf14;

}
#atras {
	margin:15px;
	float:right;
	width:91px;
	height:20px;
	background-image:url(../images/atras.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#atras:hover {
	background-image:url(../images/atrasb.gif);

}
.apartado {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	letter-spacing:2px;
	word-spacing:5px;
	color:#61C016;
	margin-bottom: 10px;
}
.form_mitad{float:left; width:200px; margin:2px 5px; text-align:right;}
.input_mitad{float:left; width:480px;}
.lista {width:300px; border-style:solid; border-width:1px; border-color:#cccccc; margin:5px; padding:5px; float:left}
.form_mitad_izq{float:left; width:200px; margin:2px 5px; text-align:left}
.inscribirseboton{
	padding:6px;
	width:250px;	
	margin:20px 0px 0px 0px;
	border: 1px solid #cecece;
}
.inscribirseboton:hover{
	background-color:#60bf14;
	color:#FFF;
}
.invi{display:none;}

