/*  Reset
----------------------------------------------------*/
:link, :visited { text-decoration: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
fieldset { border: none; }
a img, :link img, :visited img { border: none; }
address { font-style: normal; }
a { outline: none; }

/*  Font-face - Generated by Font Squirrel
----------------------------------------------------*/
@font-face {
/*Humanst521 XBD BT*/
	font-family: 'Humanst521XBdBTExtraBold';
	src: url('../fonts/humanist_521_extra_bold_bt-webfont.eot');
	src: local('?'), url('../fonts/humanist_521_extra_bold_bt-webfont.woff') format('woff'), url('../fonts/humanist_521_extra_bold_bt-webfont.ttf') format('truetype'), url('../fonts/humanist_521_extra_bold_bt-webfont.svg#webfontcBpiwtmq') format('svg');
	font-weight: normal;
	font-style: normal;
}
            
/* Layout
----------------------------------------------- */
body {
	background:  #F0E9D5 url(../img/body_bg.png) repeat;
	text-align: center;
	font: 14px "Times New Roman", Times, serif;
}
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*br.limpiar*/
     
/*----- Comun -----*/
#global-container { margin: 0 auto; text-align: center;}
#header-container,#content-container,#footer-container { width: 960px; margin: 0 auto;text-align: left;}
/*----- Intro -----*/
#intro{
	width: 600px;
	height: 500px;
	position: absolute;
	text-align: left;
	top: 50%;
	left: 50%;    
	margin-top: -250px;
    margin-left: -300px;
}

#logo-intro{float: left; width: 300px;}
#nav-intro{float: right; width: 250px; margin-top: 100px;}
#nav-intro p{
	font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #96172E;
	line-height: 35px;
	margin: 20px 0;
	text-transform: uppercase;
	text-align: left;
}
#nav-intro ul{
	text-transform: uppercase;
	color: #000;
	list-style: none;
	margin: 10px 0;
	text-align: left;
}
#nav-intro li {
	font-size: 14px;
	font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;
	xpadding: 5px 0;
	margin-right: 10px;
	line-height: 30px;
	text-align: left;
}
#nav-intro li a {	text-decoration: none;	color: #000;}
#nav-intro li a:hover,#nav a.active {color:  #96172E;}
/*----- Header -----*/
#header { height: 110px; background: url(../img/header_bg.png) no-repeat;} 

/*----- Navigation -----*/
#nav{
	width: 100%;
	text-align: center;
}
#nav ul{
	color: #000;
	list-style: none;
	margin: 10px 0;
}
#nav li {
	display: inline;
	font-size: 14px;
	font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;
	padding: 5px 0;
	margin-right: 10px;
	line-height: 30px;
}
#nav li a {	text-decoration: none;	color: #000;}
#nav li a:hover,#nav a.active {color:  #96172E;}


/*----- Content -----*/
#full-content { margin: 20px; }

/*----- Foteer -----*/
#footer {  background: url(../img/footer_bg.png) no-repeat;} 
#copy {
	background: url(../img/footer_bg.png) no-repeat;
	padding: 125px 0px 35px 300px;
	color: #3E3D3B;
}
#footer a{color: #3E3D3B;}
#footer a:hover{ text-decoration: underline;}



/* Headers, links,...
----------------------------------------------------*/
a { text-decoration: none; }
a:link,a:visited {color: #96172E;}
a:hover { text-decoration: underline;}

h1,h2,h3,h4,h5,h6{font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;}
h2{
	font-size: 20px;
	color: #000;
	line-height: 35px;
	margin: 20px 0;
	text-transform: uppercase;
}
h3{
	font-size: 18px;
	color: #96172E;
	line-height:25px;
	margin: 7px 0;
}
h4{
	font-size: 16px;
	color: #000;
	line-height:20px;
	margin: 4px 0;
	letter-spacing: 1px;
}
h5{
	font-size: 14px;
	color: #000;
	line-height:20px;
	margin: 3px 0;
	letter-spacing: 1px;
}
p {margin: 10px 0; line-height: 20px; }

/*----- Classes -----*/
.claves {margin: 40px 60px;}
.claves h3{
	font-size: 16px;
	margin: 0;
}
.claves img{float: left; margin-right: 10px;}

#ambitos{ float: right; background: url(../img/ambitos_bg.png) repeat-y;}
#ambitos-nav{ width: 300px; float: right; }
#ambitos-img{ width: 300px; float: right; margin: 0 1px; }
#ambitos-text{width: 290px; float: right; margin: 10px;}
#ambitos-nav ul{
	color: #000;
	margin: 10px 5px;
	list-style: none;
}
#ambitos-nav li {
	font-size: 13px;
	font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	background: url(../img/bullet_blanca.png) no-repeat 0px 5px ; 
	padding-left: 25px;
}
#ambitos-nav li a {	
	text-decoration: none;	
	color: #000; 
}
#ambitos-nav li a:hover,#ambitos-nav a.active {color:  #96172E;}
#ambitos-text h3,#ambitos-text p{margin: 10px;}

#show-experiencias {
	color:  #96172E; 
	padding-left: 25px;
	font-size: 15px;
	font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;
	background: url(../img/bullet_roja.png) no-repeat;
	text-align: right;
	cursor: pointer;
	float: right;
}
#experiencias{ float: right; background: url(../img/experiencias_bg.png) repeat; width: 612px; margin-top:1px;}
.programas .name {font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;}
.programas .for {font-size: 13px;font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif; margin: 1px 0 10px 0; color: #96172E;}
.carrusel{ background: url(../img/experiencias_bg.png) repeat; width: 910px; padding: 10px 0; clear:both;}
.C_left,.C_right {width: 49%; float:left;}
.C_left .programas {margin-right :30px;}
.C_right .programas {margin-left:30px;}

.gallery{margin: 0 30px; height: 275px;}
.gallery .name {font-family: 'Humanst521XBdBTExtraBold', Arial, Helvetica, sans-serif;color: #96172E;}

/* // Easy Slider */
/*  Images
----------------------------------------------------*/
img.right,img.left, img.block{
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCC;
}
img.left{ float: left; }
img.right{ float: right; }

/* Lists
----------------------------------------------------*/



/*  Forms
----------------------------------------------------*/
.buttons {
	clear: both;
	text-align:center;
	margin: 3%;
	border: 0;
} 
button,.buttons input {
	cursor:pointer;	
	background-color: #F9F7EC;
	color: #000;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
}
label {
	font: bold 120% Arial, Helvetica, sans-serif;
  	color: #96172E;
	margin: 5px;
	width: 30%;
	text-align: right;
	float: left;
}
input,select,textarea{
	padding: 5px 3px;
	background-color:  #F9F7EC;
	border: 1px solid #000;
	margin: 5px;
}

/*----- Form validation -----*/
label.error { color: red; padding-left: 5px;font-size:11px;float:none;}
input.error,select.error,textarea.error { border:1px solid red; }


/*  Message Boxes for different message types
----------------------------------------------------*/
.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
}

div.info,div.help, div.success, div.warning, div.error, div.forbidden, div.validation {
	border: 1px solid;
	padding:5px 3px 5px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {color: #00529B;}
.info a{color: #00529B; text-decoration:underline;}
div.info {
	background-color: #BDE5F8;
	background-image: url('../img/status/info.png');
}
.help {color: #00529B;}
.help a{color: #00529B; text-decoration:underline;}
div.help {
	background-color: #BDE5F8;
	background-image: url('../img/status/help.png');
}
.success {color: #4F8A10;}
.success a{color: #4F8A10; text-decoration:underline;}
div.success {
	background-color: #DFF2BF;
	background-image:url('../img/status/success.png');
}
.warning {color: #9F6000;}
.warning a{color: #9F6000; text-decoration:underline;}
div.warning {
	background-color: #FEEFB3;
	background-image: url('../img/status/warning.png');
}
.error {color: #D8000C;}
.error a{color: #D8000C; text-decoration:underline;}
div.error {
	background-color: #FFBABA;
	background-image: url('../img/status/error.png');
}
.forbidden {color: #D8000C;}
.forbidden a{color: #D8000C; text-decoration:underline;}
div.forbidden {
	background-color: #FFBABA;
	background-image: url('../img/status/forbidden.png');
}
div.validation {/*Mirar de adaptar al puging de jquery*/
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../img/status/validation.png');
}
.top-info {
	background: #ffff95;
	padding: 5px;
}
.top-info p{margin:0;text-align: center;}
.top-info a{color:#000; font-weight: bold;}

#overbox {
	background-color:#FFF;
	padding: 10px;
}

/*  Varios
----------------------------------------------------*/
.inline{ display: inline;}
.hide{ display: none;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }