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

/* v1.0 | 20080212 */

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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fin del Reset */

/* Fuente */

@font-face {
	font-family: 'Yanone';
	src: url('../fonts/Quicksand_Book.otf');
	font-weight:100;
    src: local('Yanone'),
	     url('../fonts/Quicksand_Book.otf') format('opentype');
}

/* Código */

body {background:#000 url('../images/fondo.jpg'); background-attachment:fixed; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#FFF; }
a {text-decoration: none; color:#FFC;}
h1, h2, h3, h4 {font-family: "Yanone", Arial, sans serif; font-weight:100;}
h1 {font-size:20px; color:#99bcce; text-align: right; margin-right: 50px;}
h2 {font-size:14px; color:#fff; line-height: 12px; }
h3 {font-size:14px; color:#fff;}
h4 {font-size:18px; color:#FC0; font-weight:600;}
h3:hover {color:#FC0;}
td {height:50px;vertical-align:top;}

#wrapper {width: 960px; margin: 0 auto; position: relative;}

#sidebar {width: 300px; margin-top: 200px; float: left; position: fixed;}
#sidebar ul {margin-top: 30px;}
#sidebar ul li {margin: 0 40px 0 40px;}

#main { width: 660px; float: right; line-height: 18px;}
#main p {margin: 6px; text-align:justify;}
#main strong {color:#FF9;}
#main .intro {margin-left: 30px;}
#main .intro a {color:#F90; font-weight:600;}
#main .intro li {margin: 8px 0 8px 0; }

#entrada {margin-top: 200px;}

.menu {width: 250px; height: 50px; float: right; }
.menu:hover, .menu:active {background: url('../images/fondomenu.png'); background-position: top right; background-repeat: no-repeat;}
.menu h2 {text-align: right; margin-right: 28px; margin-top: 8px;}

.listasocios {margin-top: 200px;}
.listasocios li{float: left; display: inline; margin-right: 40px;}
.socio {width: 250px; height: 80px; margin-bottom: 20px; font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height: 12px; text-align:justify; line-height: 15px;}
.socio img{display: inline; float: left; margin-right: 8px; margin-bottom:10px;}
.socio h3 {margin-bottom: 6px;}
.socio h3 a:hover {color:#FC0;}
	
#formulario {margin-top:100px; padding:20px;}
#formulario fieldset { border:#eb6a0a 3px solid; -webkit-border-radius: 10px;	-moz-border-radius: 10px; width:600px; float:right; padding: 20px; margin-bottom: 20px;}
#formulario fieldset legend { color:#ffed00; font: bold 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;letter-spacing: 1px; text-decoration:none; padding:0 20px;  }
#formulario label { display:block;color:#FFF; font: normal 14px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;letter-spacing: 0px; margin:2px;}
#formulario input.texto { display:block; border:#ffed00 2px solid; width:270px;font: normal 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 5px;-webkit-border-radius: 10px;	-moz-border-radius: 10px; }
#formulario input.texto2 { display:block; border:#ffed00 2px solid; width:580px;font: normal 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 5px;-webkit-border-radius: 10px;	-moz-border-radius: 10px; }
#formulario input.texto3 { display:inline; border:#ffed00 1px solid; width:80px;font: normal 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 5px;-webkit-border-radius: 10px;	-moz-border-radius: 10px;  }
#formulario textarea { border:#ffed00 2px solid; width:580px;font: normal 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 5px; height:70px;-webkit-border-radius: 10px;	-moz-border-radius: 10px; }
#formulario input.boton { background:#036; color:#FFF; font: bold 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 10px; border:solid 1px #09C;-moz-border-radius: 10px; margin:10px 10px; padding:10px; margin-top:10px; }
#formulario select { background:#ffffff; font: bold 16px/1em Corbel, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; padding:2px 5px; border:solid 1px #09C;-moz-border-radius: 10px; padding:5px; margin-top:3px; margin-bottom:2px;}
.etiqueta {display: inline; vertical-align:top; font-size:10px;}