@charset "UTF-8";
/* CSS LAYOUT: ALACANT ROCK - Buhardilla design studio */

body{
font-family:Verdana, Arial, Helvetica, sans-serif, monotype;
font-size:9px;
background-color:#E6E7E1;
margin:0px;
text-align:justify;
}

/* partes del cuerpo */

#contenedor{
width:800px;
margin:0px auto;
}
#titulo{
width:auto;
height:50px;
background-image:url(images/title.jpg);
}
#cuerpo{
background-color:#FFF;
width:auto;
min-height:500px;
}
#user{
width:auto;
color:#000;
text-align:right;
background-color:#D5D6D0;
letter-spacing:1px;
}
#seccion{
background-color:#FFF;
padding-top:10px;
padding-right:100px;
padding-left:100px;
padding-bottom:20px;
}
#pie{
color:#000;
text-align:center;
width:auto;
background-color:#D5D6D0;
letter-spacing:1px;
}
#pie a{
color:#FFF;
text-decoration:none;
}
#pie a:hover{
color:#F90;
text-decoration:none;
}
/* menu */
#menu{
width:200px;
float:left;
background-color:#FFF;
/*font-weight:bold;*/
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-align:right;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu li{
height:15px;
}
#menu li a{
letter-spacing:-2px;
display:block;
width:100%;
text-decoration:none;
color:#000;
}
#menu li a:hover{
color:#FFF;
background-color:#06C;
}







/* formularios */
textarea {
font-family: verdana;
font-size: 11px; 
color:#000;
background-color: #d9d9d9;
border: 1px solid #FFF;  
}
select {
font-family: verdana;
font-size: 11px; 
color:#000;
background-color: #D9D9D9;
border:1px solid #FFF; 
}

/*FORM*/
#contacto {text-align:left; width:500px; background-color:FFF;}
#contacto fieldset {border:0;background-color: #FAFAFA; padding:10px 20px;}
#contacto p label {font: 12px tahoma, Geneva, Arial, Helvetica, sans-serif; float: left;width: 30%; text-align:left;padding-left:0px;}
#contacto p br {clear: left;}
.enviar{margin:12px 0 
0 0px;}

input, textarea{
	border: 1px solid #ccc;
	background-color: #fbfbfb;
	width:400px;
}
.grupos input{
	border: 1px solid #ccc;
	background-color: #fbfbfb;
	width:197px;
}
select{
border: 1px solid #ccc;
	background-color: #fbfbfb;
	width:100px;
}

.mod_evento select{
border: 1px solid #ccc;
	background-color: #fbfbfb;
	width:400px;
}
input:hover, select:hover, textarea:hover{
	border: 1px solid #6699FF;
}

.little input{width:100px;}












/* encabezado#1 */ h1{font-family:Arial, Helvetica, sans-serif;}
/* encabezado#2 */ h2{}
/* titulo#1 */ h3{}
/* titulo#2 */ h4{}
/* texto pequeño */ h5{font-size:9px; color:#FFF;}

.salir {background-color:#06C;; color:#FFF; padding:0px 18px 0px 18px; text-decoration:none; font-weight:bold;}
.inicio {color:#000000; text-align:center; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:5px; font-size:11px; letter-spacing:2px;}
.logo {color:#06C; font-size:12px;}
.errores {color:#F00; font-size:16px; text-align:center; padding-left:80px;}
.form_login{text-align:right; font-size:20px; color:#06C; letter-spacing:-3px; font-family:Arial, Helvetica, sans-serif;}
.form_small{text-align:left; font-size:16px; color:#000; font-family:Arial, Helvetica, sans-serif;}
.titulo{font-size:30px; color:#F90; letter-spacing:-3px; font-family:Arial, Helvetica, sans-serif; }
.subtitulo{text-align:left; font-size:18px; color:#FF9900; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; }

.subtitulo a{text-align:left; font-size:18px; color:#FF9900; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif;text-decoration:none; }

.subtitulo a:hover{text-align:left; font-size:18px; color:#FFDD00; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif;text-decoration:none; }


.subtitulo2{text-align:left; font-size:17px; color:#06C; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase; }

label {font: 14px;color:#0066CC;}

/*grupos*/
.grupos_evento{
padding-left:3px;
font-size:14px;
text-align:left;
color:#333;
}
.grupos_evento a{
color:#06C;
}
.grupos_evento a:hover{
color:#FF9900;
}
.grupos_evento li{
list-style: none;
}

.text_list{
color:#000000;
font-size:14px;
text-align:left;}

.text_list a{
color:#000000;
font-size:14px;
text-align:left;}

.text_list a:hover{
color:#333;
font-size:14px;
text-align:left;}

/* content */
.content {
	float: right;
	width: 568px;
}
.content .descr {
	background:#06C;
	font-size: 1.3em;
	margin-bottom: 3px;
	color:#FFF;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}
.little input{width:100px;}