/*
	-- Colores de referencia --
	azul         : #6175AD
	naranja      : #FF6600
    gris oscuro  : #333333
    gris medio   : #666666
    gris claro   : #999999	
*/


body{
	color: #666666;
}

h1,h2,h3,h4,h5{ color: #FF6600 }
h2{ font-size: 25px; font-weight: normal}

a{ color: #FF6600; text-decoration: none}
a:hover{ color: #6175AD; text-decoration: underline}

/* -- Estilo generales -- */
.blacky{ color: #333333; font-weight: bold;}
.whitey{ color: #999999; }

/* -- Header  -- */
#header img, #header h1{
	margin:0; padding: 0;
}

#header{position: relative}
#languages{ position: absolute; top:10px; right: 0; z-index: 99999; font-size: 12px;}

/* -- Navigation -- */
#nav{
	background: url(images/nav-back.jpg) repeat-x;
	margin:0;
	width: 960px;
	padding-top: 21px;
	height: 72px;
	font-weight: bold;
	font-size: 14px;
}

#nav ul{ margin: 0px 10px;}

#nav ul li{
	background: transparent;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 10px 8px 10px;
}

#nav ul li.current{
	background: white;
}

#nav a{ color: #FFFFFF; text-decoration: none; }
#nav a:hover{ color: #FF6600; }
#nav ul li.current a{ color: #666666;}
#nav ul li.current a:hover{ color: #FF6600;}

/* -- Big Rounded -- */
.big-rounded-top{
	width: 620px;
	height: 18px;
	margin:0;
	padding:0;
	background: url(images/big-rounded-top.jpg) no-repeat;
}

.big-rounded-bottom{
	width: 620px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(images/big-rounded-bottom.jpg) no-repeat;
}

.big-rounded-middle{
	width: 620px !important;
	width: 580px;
	margin: 0;
	padding: 0px 20px;
	background: url(images/big-rounded-middle.jpg) repeat-y;
}

/* -- Small Rounded -- */
.small-rounded-top{
	width: 289px;
	height: 55px;
	margin:0;
	padding:0;
	background: url(images/small-rounded-top.jpg) no-repeat;
}

.small-rounded-top h3{ color: white; font-size: 20px; padding: 15px; padding-left: 25px; font-weight: normal; margin-bottom: 0;}

.small-rounded-bottom{
	width: 289px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(images/small-rounded-bottom.jpg) no-repeat;
}

.small-rounded-middle{
	width: 289px !important;
	width: 249px;
	margin: 0;
	padding: 0px 20px;
	background: url(images/small-rounded-middle.jpg) repeat-y;
}

.small-rounded-middle h3{ color: #333333; font-size: 14px; margin: 0 auto; padding-top: 10px; padding-right: 30px;}
.small-rounded-middle p{ font-size: 11px; margin: 0 auto; padding-right: 20px;}
.small-rounded-middle a.gray {color: #999999; text-decoration: none  }
.small-rounded-middle a:hover.gray {color: #999999; text-decoration: underline  }


#contacto-side{ background: transparent url(images/inicio-right-back.jpg) no-repeat 100% 0; height: 140px;}
#contacto-side p{ font-size: 11px; margin:0 auto; padding: 0 20px;}
#contacto-side h3{ color: #6175AD; margin: 10px 0 5px 0; padding-left: 20px; font-size: 18px; padding-top: 5px;}

/* -- Footer -- */
#footer{
	background: url(images/nav-back.jpg) repeat-x;
	margin:0;
	margin-top: 20px;
	width: 960px;
	padding-top: 21px;
	height: 55px;
	font-size: 11px;
}
#footer ul li{
	background: url(images/footer-sep.jpg) no-repeat 100% 50%;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 10px 8px 10px;
}

#footer ul li.last{
	background: none;
}

#footer a{ color: #FFFFFF; text-decoration: none; }
#footer a:hover{ color: #FF6600; }

/* -- Subfooter -- */
#subfooter{ background: url(images/subfooter-back.jpg) no-repeat 100% 0px; height: 73px; }
#subfooter p{margin: 5px auto; font-size: 11px;}
#subfooter a{color: #333333; text-decoration: underline}
#subfooter a:hover{color: #333333; text-decoration: none}