html, body {
	background:url(../images/fondo_web.gif) no-repeat;
	background-position:top center;
	font-family: Tahoma, Lucida Grande, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #404040;
	margin: 0 0 1px 0;
	padding: 0;
}

/* Comunes */
.derecha {text-align:right;}
.centrado {text-align:center;}
.peque {font-size: 0.8em;}
.gris {color: #999;}
.info {
	background: #efefef url(../images/icono_info.gif) 5px 5px no-repeat;
	padding-left: 21px;
	font-size: 0.9em;
}
.obligatorio {
	color : #ff0000;
	cursor : help;
}
.boton {
	background-color: #015995;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	width: 80%;
}
.limpiar {clear : both;}

#contenedor {
	position:absolute;
	margin-left: -390px;
	left:50%;
	height:100%;
	width:780px;
}

#contenedor a {
	color:#0078C1;
	text-decoration:none;
}

#contenedor a:hover {
	text-decoration:underline;

}

#cabecera {
	padding: 8px 0px 6px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-align:center;
}

#logo {
	background:url(../images/logo.png) top right no-repeat;
	margin: 40px 0 30px 20px;
	padding-bottom:10px;
	width: 740px;
	height:40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:130%;
	border-bottom: 1px solid #015995;
}

#logo a {
	margin: 0 10px 0 0;
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 100px;
	height: 30px;
}


#menu-derecha {
	position:absolute;
	top: 150px;
	left: 510px;
	width: 250px;
	height: 300px;
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
}

#contenido {
	position:relative;
	font-size:110%;
	line-height:1.8em;
	color: #333;
	left: 30px;
	width:450px;
	margin:0;
	text-align:left;
	padding-bottom: 10px;	
}


#contenido li {
list-style-image:url(../images/small_arrow_in_box.png);
}



#contenido h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 170%;
	border-bottom: 1px dotted #F26A34;
	padding-bottom: 5px;
	color: #015995;
}

.universpain {
	font-family: Arial narrow, Arial, Helvetica;
	text-transform: uppercase;
}

#pie {	
	height: 20px;
	width: 750px;
	margin-top: 120px;
	margin-left:15px;
	padding-top:8px;
	padding-bottom:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-align:center;	
}

#cabecera:hover, #pie:hover { color:#000; }

/* Estilos para navegacion */
#menu{
	float: left;
	width: 100%;
	padding-top: 17px;
}
ul#nav,ul#nav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#nav{
	margin-left: 0px;
	width: 600px;
}
ul#nav li{
	float: left; 
	text-align: center;
}
ul#nav a{
	float:left;
	/*width: 7em;*/
	padding: 3px 0;
	background: #E7F1F8;
	text-decoration: none;
	color: #666;
}
ul#nav a:hover{
	background: #F26A34;
	color: #FFF;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover{
	background: #015995;
	color: #fff;
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* para curvas del menu izquierda */
ul#split,ul#split li{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#split li{
	float: left;
	width: 250px;
	margin: 0 10px 10px 0;
}
ul#split h3{
	font: normal 120%/1.3 Verdana,sans-serif;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px 0 3px;
    text-align: center;
    color: #FFF;
}
ul#split p{
	margin: 0;
	padding: 5px 8px;
}
ul#split div{background:#E7F1F8}
li#principal h3{background: #F26A34}
li#principal a {color: #000080}
li#secundario h3{background: #7BA6FF}
li#secundario a {color: #000080}
li#publicidad h3{background: #F26A34}
li#publicidad a {color: #000080}
/* descatado */
/* Inset 3D Curved */
.inset {background: transparent; margin:0 auto;}
.inset h2, .inset p {margin:0 10px;}
.inset h2 {font-size:1.3em; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#efefef; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#efefef; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#efefef; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#efefef; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#efefef; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#efefef; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#efefef; border-left:1px solid #999; border-right:1px solid #fff;}

/* para index */
div#cursos{
	float: left;
	width: 230px;
	padding: 10px 8px;
	/*margin:0 auto;*/
    text-align:left;
    background: #9CC0FF url(../images/gradient.png) repeat-x 0 -5px;
}

div#alojamiento{
	float: right;
	width: 180px;
	padding: 10px 8px;
	/*margin:0 auto;*/
    text-align:left;
    background: #9CC0FF url(../images/gradient.png) repeat-x 0 -5px;
}

#w3c {
	text-align: center;
}

#extreme {
	float: left;
}

#w3c img{
	margin: auto;
	
}