/*
<optgroup label="Horizontal">
	<option value="728x90">Skyscraper horizontal de 728 x 90</option>
	<option value="468x60">Banner de 468 x 60</option>
	<option value="234x60">Medio banner de 234 x 60</option>
</optgroup>

<optgroup label="Vertical">
	<option value="120x600">Skyscraper de 120 x 600</option>
	<option value="160x600">Skyscraper ancho de 160 x 600</option>
	<option value="120x240">Banner Vertical de 120 x 240</option>
</optgroup>

<optgroup label="Cuadrado">
	<option value="336x280">Rectángulo integrado grande de 336 x 280</option>
	<option value="300x250">Rectángulo mediano de 300 x 250</option>
	<option value="250x250">Cuadrado integrado de 250 x 250</option>
	<option value="200x200">Recuadro pequeño de 200 x 200</option>
	<option value="180x150">Rectángulo integrado pequeño de 180 x 150</option>
	<option value="125x125">Botón de 125 x 125</option>
</optgroup>

*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:100%;
	color:#111111;
	padding:0;
	margin:0;
}

p{
	margin:0;
	padding:0;
}

h1{
	margin:0px;
	padding:0px;
}

h2{
	padding:0px;
	margin:0px;
}

h3{
	margin:0px;
	padding:0px	
}

hr{
}

ul{
	list-style-image:inherit;
	list-style-position:inside;
	color:#FF9900;
	list-style-type:square;
	margin:0;
	padding:1px;
}

li{
	margin:0;
	padding:0;
}

a:visited, a:link{
	text-decoration:none;
	color:#003366;
	font-size:105%
}

a:hover{
	color:#009933;
}

a.titulo:hover{
	color:#006699;
}

a.titulo{
	color:#990033;
}


#contenedor{
	border:0px solid #000000;
	width:920px;
	margin:0px auto auto auto;
	background:#FFFFFF
}


#contenedor h1{
	border-bottom:4px solid #CC6633;
	width:90%;
	text-align:left;
	color:#993300;
	margin:0px auto 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:180%;
	line-height:normal;
}

#contenedor .peque{
	border-bottom:1px solid #CC6633;
	border-top:1px solid #CC6633;	
	width:100%;
	text-align:center;
	margin:0px auto 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:90%;
}



#derecha{
	float:right;
	border:0px solid #CCCCCC;
	width:205px;
}

#izquierda{
	float:left;
	border:0px solid #CCCCCC;
	margin:0px;
	padding:0px;
	width:205px;
}

#central{
	float:right;
	border:0px solid #000000;
	width:500px;
}


#agrupaCentralIzquierda{
	float:left;width:710px;border:0px solid #000000;margin:0;padding:0
}

#derecha h2,#izquierda h2,#central h2, .h2Espec{
	font-size:120%;
	text-align:center;
	line-height:95%;
	max-height:32px;
/*	color:#CC6600;*/
	color:#FFFFFF;
	background:url(img/img08.jpg) bottom #CC6600;
	padding:3px 0px 3px 0px ;
	letter-spacing:-1px;
	word-spacing:0px;
	margin:0px 0px 5px 0px
}

.grupo{
	border:1px solid #FFCEB7;
	margin:2px 2px 7px 2px;
}

.texto{
	padding:0px 5px 7px 5px;
}



.recuadro{
	text-align:center;
}

.recuadro a:link,.recuadro a:visited{
	width:20px;
	margin:2px;
	padding:1px;
	background:#FFFFF0;
	text-align:center;
	border:1px solid #CCCCCC;
	display:block;
	float:left;
}

form{
	
}

label{
	display:block;
	float:left;
	width:90px;
}

input,select,textarea{
	border:1px solid #B4AA83;
	font-size:95%;
	color:#666600;
	background:#FFFFEF;
	margin:1px;
}

.boton{
	background:#CC6600;
	padding:1px;
	width:90px;
	margin:5px;
	cursor:pointer;
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
}


#opciones a{
	clear:both;
	background:#FFCC66;
	border-bottom:1px solid #000000; 
	border-top:1px solid #000000;
	padding:3px 10px 3px 10px;
	margin-left:1px;
	color:#000000;
	font-size:90%;
	font-weight:bold;
}

#opciones a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:#993300
}



.paginacion{
	color:#003366;
	margin:2px;
	padding:3px;
	font-size:105%;
	line-height:110%;
	background:url(img/img9.jpg) top repeat-x;
}


.paginacion a{
	color:#333333;
	font-size:90%;
	line-height:normal;
	border-bottom:0px solid #000000;
	margin:1px;
}

/*MENU*/

#menu {
	font-size:110%;
	float:left;
	width:775px;
	text-align:center;
	margin:30px auto 0 auto;
	font-weight:bold;
	line-height:100%;
	padding:2px 0px 0px 0px;
	border-bottom:2px solid #BCD2E6;
}
#menu ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	float:left;
	background:url("img/tableft1.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#menu a span {
	float:left;
	display:block;
	background:url("img/tabright1.gif") no-repeat right top;
	padding:5px 18px 4px 14px;
	color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
	/* End IE5-Mac hack */
#tabs a:hover span {
	color:#627EB7;
}
#menu a:hover {
	background-position:0% -42px;
}
#menu a:hover span {
	background-position:100% -42px;
	color:#FF6600
}

#menu #current a {
	background-position:0% -42px;
}
#menu #current a span {
	background-position:100% -42px;
	color:#0066CC;
}



#abajo{
	background:url(img/abajo.jpg) bottom;
	border:0px solid #000000;
	margin:0px 0px 0px 0px ;
	padding:20px 0px 0px 0px;
	height:68px;
	text-align:center
}