/* reset */

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

a img {
	border:none;
}

a * {
	cursor:pointer;
}

:focus {
	outline:none;
}

.clear{
	clear:both;
}

ul, 
ol, 
li {
	list-style:none;
	/*display:inline;*/
}

/* !reset */

/* interactividad */

a {
	color:#cccccc;
	text-decoration:none;
}

a:link {
	color:#6b8dc8;;
}

a:visited {
	color:#6b8dc8;;
}

a:hover {
	color:#999999;
}

a:active {
	color:#6b8dc8;
}

a:focus {
	color:#6b8dc8;
}
a.selected {
	color:#6b8dc8;
}

/* !interactividad */


html,
body {
	width:100%;
	height:100%;
	/*background:#eeeeee;	*/
	font-family:"Trebuchet MS";
	color:#37393c;
}

/* En esta web tenemos dos tipos de layout, minified , maxified, uno con el banner mas pequeño y el otro mas grande */

#outer,
#wrapper {
	/*background:blue;*/
	height:auto !important;
	min-height:100%;
	height:100%;
}

#outer {
	background:url(img/bg_inner.jpg) bottom left repeat-x transparent;
}

#wrapper {
	background:url(img/bg_outer.jpg) bottom left repeat-x transparent;
	background-position:0px 108px;
	padding-bottom:100px;
	/*para q las noticias de portada encajen*/
	margin-bottom:-148px;
}
#wrapper.small{
	background:url(img/bg_outer_small.jpg) 0px 108px repeat-x transparent;
}

#wrapper #header,
#wrapper #main {
	width:1000px;
	margin:0px auto;
}
/*#wrapper #main {
	height:auto !important;
	height:100%;
	min-height:100%;
}*/

/*** SUPERIOR HEADER ***/

#wrapper #header.small {
	height:108px;
	position:relative;
}

#wrapper #header.tall {
	height:108px;
	position:relative;
}
#wrapper #header .upper {
	padding:0px 20px;
	height:108px;
	position:relative;
}

#wrapper #header .contacto {
	display:inline-block;
	padding:0px;
	padding-top:6px;
	margin:0px 3px;
	/*background:#37393c;*/
	background:url(img/item_contacto.jpg) left top no-repeat transparent;
	position:absolute;
	top:0px;
	right:20px;
	font-size:11px;
	width:132px;
	height:30px;
	text-align:center;
	color:#FFF;
}
#wrapper #header .contacto a:link,
#wrapper #header .contacto a:visited,
#wrapper #header .contacto a:active{
	color:#FFF;
}
#wrapper #header .contacto a:hover{
	color:#bbb;
}
#wrapper #header .logo{
	padding-top:20px;
}

#wrapper #header .menu {
	position:absolute;
	bottom:0px;
	right:20px;
}

#wrapper #header .menu ul {}
#wrapper #header .menu ul li {
	display:inline-block;
	float:left;
	padding:0px;
	margin:0px 2px;
	padding-top:6px;
	/*background:#6b8dc8;*/
	background:url(img/item_sup.jpg) left top no-repeat transparent;
	position:relative;
	height:20px;
	width:132px;
	text-align:center;
	font-size:12px;
}

#wrapper #header .menu ul li a{
	color:#FFF;
}

#wrapper #header .menu ul li ul {
	display:none;
	position:absolute;
	float:none;
	left:0px;
}

#wrapper #header .menu ul li:hover ul {
	display:block;
	z-index:999;
	top:25px;
	background:url(img/submenu_bottom.png) 0px 0px no-repeat transparent;
}

#wrapper #header .menu ul li ul li{
	display:block;
	float:left;
	background:white;
	margin:0px;
	width:203px;
	text-align:left;
	padding-top:2px;
	padding-bottom:0px;
	padding-left:11px;
}
#wrapper #header .menu ul li ul li:hover {
	background-color:#6b8dc8;
}
#wrapper #header .menu ul li ul li a{
	color:#37393c;
}
#wrapper #header .menu ul li ul li:hover a{
	color:#fff;
}
#wrapper #header #migas {
	position:absolute;
	top:90px;
	left:20px;
	font-size:9px;
	width:400px;
}
/*** !SUPERIOR HEADER ***/

/*** CABECERA ***/
#wrapper #cabecera {
	background:url(img/bg_cabecera2.jpg) top left repeat-x;
	/*background:url(img/bg_cabecera2.jpg) top left repeat-x;*/
	width:100%;
}
#wrapper #cabecera .bg{
	background:url(img/bg_cabecera.jpg) top center no-repeat;
	width:1400px;
}
#wrapper #cabecera.home,
#wrapper #cabecera.form{
	background:none;
}
/*** !CABECERA ***/


/*** CONTENIDO MAIN - HOME ***/

#wrapper #main #inner {
	padding:0px 20px;
	position:relative;
}

#wrapper #main #inner .loginbox {
	/*background:#37393c;*/
	background:url(img/users_box.png) left top no-repeat transparent;
	padding:0px;
	padding-left:20px;
	padding-top:5px;
	padding-left:14px;
	padding-top:1px;
	display:inline-block;
	width:485px;
	height:30px;
	font-size:12px;
	color:#fff;
	position:absolute;
	top:0px;
	z-index:10;
}
#wrapper #main #inner .loginbox a{
	color:#fff;
}
#wrapper #main #inner .loginbox input{
	border:0px;
}
#wrapper #main #inner .loginbox form,
#wrapper #main #inner .loginbox .fields {
	display:inline-block;
	float:left;
}

#wrapper #main #inner .loginbox label { 
	display:inline;
}

#wrapper #main #inner .loginbox .text {
	width:70px;
}
#wrapper #main #inner .movie{
	position:absolute;
	top:20px;
}

#wrapper #main #front {
	width:500px;
	/*display:block;*/
	float:left;
	position:absolute;
}

/* DESTACADOS */
#wrapper #main #inner .destacados{
	width:555px;
	display:block;
	position:relative;
	top:240px;
}
#wrapper #main #inner .destacados .bloc{
	float:left;
	width:160px;
	height:200px;
	margin-right:25px;
	position:relative;
}
#wrapper #main #inner .destacados .bloc .title{
	border-bottom:1px dotted #37393c;
	color:#37393c;
	font-size:18px;
	background:url(img/arrow_dest.gif) 143px 20px no-repeat transparent;
	line-height:95%;
	padding-bottom:3px;
	cursor:pointer;
}
#wrapper #main #inner .destacados .bloc .title a:link, 
#wrapper #main #inner .destacados .bloc .title a:visited{
	color:#37393c;
}
#wrapper #main #inner .destacados .bloc .title a:hover{	
	/*color:#999999;*/
}
#wrapper #main #inner .destacados .bloc .subtitle{
	color:#6b8dc8;
	font-size:12px;
	font-weight:bold;
	line-height:14px;;
	padding-top:7px;
	padding-bottom:15px;
}
#wrapper #main #inner .destacados .bloc .content{
	font-size:10px;
}
#wrapper #main #inner .destacados .bloc .content p{
	padding-top:5px;
}
#wrapper #main #inner .destacados .bloc .content b{
	color:#6b8dc8;
}
#wrapper #main #inner .destacados .bloc .content .big{
	font-size:14px;
	font-weight:bold;
}
#wrapper #main #inner .destacados .bloc .content .underline{
	text-decoration:underline;
}
#wrapper #main #inner .destacados .bloc .content .blue{
	color:#6b8dc8;
}
#wrapper #main #inner .destacados .bloc .content .grey,
#wrapper #main #inner .destacados .bloc .content .grey a:link,
#wrapper #main #inner .destacados .bloc .content .grey a:visited,
#wrapper #main #inner .destacados .bloc .content .grey a:active{
	color:#37393c;
}
#wrapper #main #inner .destacados .bloc .content .grey a:hover{
	color:#777777;
}
#wrapper #main #inner .destacados .bloc .mas{
	font-size:10px;
	text-align:right;
	color:#6b8dc8;
	position:absolute;
	top:190px;
	right:0px;
}
#wrapper #main #inner .destacados .bloc .mas a{
	/*text-decoration:underline;*/
}
/* !DESTACADOS */

/* BANNERS */
#wrapper #main #inner .inferior{
	display:inline-block;
	position:relative;
	top:280px;
	width:550px;
}
#wrapper #main #inner .inferior .banners{
	float:left;
}
#wrapper #main #inner .inferior .que_es{
	float:left;
	width:380px;
	margin-left:40px;
}
#wrapper #main #inner .inferior .title{
	float:left;
	width:90px;
	text-align:right;
	font-size:18px;
}
#wrapper #main #inner .inferior .title span{
	color:#6b8dc8;
	font-size:21px;
	font-weight:bold;
}
#wrapper #main #inner .inferior .texto{
	font-size:10px;
	margin-left:100px;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:15px;
}

#wrapper #main #inner .inferior .texto b{
	color:#6b8dc8;
}
#wrapper #main #inner .inferior .img{
	margin-left:100px;
	position:relative;
}
#wrapper #main #inner .inferior .button{
	background:url(img/home_button.png) top left no-repeat transparent;
	height:20px;
	padding-top:2px;
	padding-left:30px;
	margin-top:30px;
	cursor:pointer;
	width:100px;
	margin-left:260px;
	position:absolute;
	top:70%;
}
#wrapper #main #inner .inferior .button a:link,
#wrapper #main #inner .inferior .button a:visited,
#wrapper #main #inner .inferior .button a:active{
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#wrapper #main #inner .inferior .button a:hover{
	color:#ccc;
}
/* !BANNERS */

/* NEWS */
#wrapper #main #inner #news {
	width:356px;
	background:white;
	float:right;
	position:relative;
	padding:0px 25px;
	padding-bottom:50px;
	height:auto !important;
	height:100%;
	min-height:750px;
}
#wrapper #main #inner #news .overlay {	
	background:url(img/news_sup.png) bottom left no-repeat transparent;
	display:block;
	left:0;
	position:absolute;
	top:-20px;
	width:410px;
	height:20px;
}
#wrapper #main #inner #news .bloc{
	border-bottom:1px dotted #666;
	margin-top:15px;
	padding-bottom:30px;
}
#wrapper #main #inner #news .bloc .date{
	background:url(img/date_news.jpg) top left no-repeat transparent;
	width:52px;
	height:52px;
	float:left;
	color:#fff;
	line-height:70%;
	font-size:24px;
	text-align:center;
	padding:0px;
	padding-top:3px;
}
#wrapper #main #inner #news .bloc .date b{
	font-size:12px;
	line-height:115%;
}
#wrapper #main #inner #news .bloc .date span{
	font-size:11px;
	line-height:140%;
}
#wrapper #main #inner #news .bloc .title{
	font-size:18px;
	color:#6b8dc8;
	padding-left:65px;
}
#wrapper #main #inner #news .bloc .content{
	padding-left:65px;
	padding-top:10px;
	font-size:10px;
	color:#6c6e70;
}
#wrapper #main #inner #news .bloc .content b{
	color:#6b8dc8;
}
#wrapper #main #inner #news .bloc .content a{
	font-style:italic;
}
/* !NEWS */
/*** !CONTENIDO MAIN - HOME ***/


/*** QUIENES SOMOS ***/
#wrapper #main #inner.quienes {
	margin-top:20px;
	display:inline-block;
}
#wrapper #main #inner.quienes .img{
	margin-top:60px;
	width:400px;
	float:left;
}
#wrapper #main #inner.quienes .cont{
	float:left;
	width:410px;
	font-size:10px;
	margin-left:30px;
	padding-top:20px;
	padding-bottom:30px;
	border-bottom:1px dotted #37393c;
}
#wrapper #main #inner.quienes .cont .title {
	font-size:20px;
	font-weight:bold;
	margin-left:-20px;
}
#wrapper #main #inner.quienes .cont b{
	color:#6b8dc8;
}
#wrapper #main #inner.quienes .cont p{
	margin-top:10px;
}
#wrapper #main #inner.quienes .destacados{
	width:555px;
	/*display:inherit;*/
	position:inherit;
	top:0px;
	margin-left:430px;
	margin-top:30px;
	margin-bottom:50px;
	float:left;
}
#wrapper #main #inner.quienes .destacados .bloc{
	width:192px;
	height:auto;
}
#wrapper #main #inner.quienes .destacados .bloc .title{
	background-position:175px 20px;
	padding-bottom:5px;
	font-size:16px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:5px;
}
#wrapper #main #inner.quienes .destacados .bloc .content span{
	font-size:12px;
	font-weight:bold;
}

/*** !QUIENES SOMOS ***/


/*** FORMACION ***/
#wrapper #main #inner.form{
	margin-top:15px;
}
#wrapper #main #inner .menu{
	background:url(img/menu_form.png) right top repeat-y transparent;
	width:310px;
	position:relative;
	right:120px;
	text-align:right;
	margin-bottom:80px;
	float:left;	
	height:500px;
}
#wrapper #main #inner .menu .title{
	background:url(img/form_arrow.png) 206px 43px no-repeat transparent;
	border-bottom:1px dotted #37393c;
	font-size:24px;
	color:#6b8dc8;
	padding-right:25px;
	margin-right:10px;
	padding-top:30px;
	font-weight:bold;
	width:200px;
	margin-left:75px;
	margin-bottom:2px;
}
#wrapper #main #inner .menu ul li{
	background:url(img/form_submenu_arrow.png) 290px 10px no-repeat transparent;
	padding-top:3px;
	padding-right:35px;
	font-size:12px;	
	height:24px;
}

#wrapper #main #inner .menu ul li:hover{
	background:url(img/form_submenu_arrow_hover.png) 290px 10px no-repeat transparent;
}
#wrapper #main #inner .menu ul li.big{
	height:40px;
}
#wrapper #main #inner .menu ul li.selected{
	background:url(img/menu_selected_form.png) 10px 0px no-repeat transparent;
}
#wrapper #main #inner .menu ul li.selected.big{
	background:url(img/menu_selected_form_big.png) 10px 0px no-repeat transparent;
}
#wrapper #main #inner .menu ul li a{
	color:#6c6e70;
}
#wrapper #main #inner .menu ul li a:hover{
	color:#6b8dc8;
}
#wrapper #main #inner .menu ul li.selected a{
	color:#6b8dc8;
}
#wrapper #main #inner.form .content{
	position:relative;
	left:-100px;
	margin-left:320px;
	margin-bottom:50px;
}
#wrapper #main #inner.form .content .bloc{
	display:inline-block;
	padding-top:40px;
}
#wrapper #main #inner.form .content .bloc .left{
	border-bottom:1px dotted #37393c;
	position:relative;
	float:left;
	width:180px;
	text-align:right;
	margin-right:12px;
	font-size:18px;
	line-height:95%;
	padding-bottom:5px;
}
#wrapper #main #inner.form .content .bloc .right{
	position:relative;
	float:left;
	width:405px;
	font-size:10px;
	padding-top:5px;
}

/* CURSOS */
#wrapper #main #inner.form .content .cursos{
	display:inline-block;
	padding-top:30px;
}
#wrapper #main #inner.form .content .cursos .titulo {
	float:left;
	width:190px;
}
#wrapper #main #inner.form .content .cursos .img {
	position:absolute;
	bottom:-140px;
	left:20px;
	float:left;
	width:90px;
}
#wrapper #main #inner.form .content .cursos .title {
	background:url(img/point_form.png) 0px 6px no-repeat transparent;
	border-bottom:1px dotted #37393c;
	float:left;
	width:180px;
	text-align:left;
	font-size:18px;
	line-height:95%;
	padding-bottom:3px;
	padding-left:10px;
	height:34px;
}
#wrapper #main #inner.form .content .cursos .contenido{
	position:relative;
	left:20px;
	top:37px;
	float:left;
	width:450px;
}
#wrapper #main #inner.form .content .cursos .bloc {
	padding-top:0px;
	margin-bottom:10px;
}
#wrapper #main #inner.form .content .cursos .bloc .subtitle{
	border-top:1px dotted #37393c;
	padding-top:3px;
	padding-left:5px;
	position:relative;
	float:left;
	width:140px;
	text-align:left;
	font-size:15px;
	line-height:95%;
	color:#6b8dc8;
	font-weight:bold;
}
#wrapper #main #inner.form .content .cursos .bloc .cont{
	border-top:1px dotted #37393c;
	padding-top:3px;
	position:relative;
	float:left;
	width:270px;
	font-size:10px;
}
#wrapper #main #inner.form .content .cursos .button{
	background:url(img/form_button.jpg) top right no-repeat transparent;
	height:23px;
	padding-top:4px;
	padding-left:10px;
	margin-top:30px;
	cursor:pointer;
	width:123px;
	margin-left:280px;
}
#wrapper #main #inner.form .content .cursos .button a:link,
#wrapper #main #inner.form .content .cursos .button a:visited,
#wrapper #main #inner.form .content .cursos .button a:active{
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#wrapper #main #inner.form .content .cursos .button a:hover{
	color:#ccc;
}
/* !CURSOS */

/*** !FORMACION ***/


/*** OTROS ***/
#wrapper #main #inner.otros {
	padding-top:15px;
}
#wrapper #main #inner.otros .menu{
	height:300px;
}
#wrapper #main #inner.otros .content {
	left:-100px;
	margin-bottom:20px;
	margin-left:330px;
	position:relative;
	margin-top:15px;
}
/*** !OTROS ***/

/*** PLANTILLAS ***/
#wrapper #main #inner.plant {
	margin-left:230px;
	margin-bottom:100px;
	margin-top:30px;
}

#wrapper #main #inner.plant .button{
	background:url(img/form_button.jpg) top right no-repeat transparent;
	height:20px;
	padding-top:4px;text-align:center;
	margin-top:30px;
	cursor:pointer;
	width:133px;
	margin-left:280px;
}
#wrapper #main #inner.plant .button a:link,
#wrapper #main #inner.plant .button a:visited,
#wrapper #main #inner.plant .button a:active{
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#wrapper #main #inner.plant .button a:hover{
	color:#ccc;
}
/*** !PLANTILLAS ***/



/*** INFERIOR FOOTER ***/

#outer #footer {
	height:238px;
	font-size:12px;
	margin-top:50px;
	/* El pie estara siempre a 200 px de el ultimo contenido*/
}
#outer #footer.home {
	margin-top:0px;
}
#outer #footer .content {
	margin:0px auto;
	width:960px;
	padding:0px 40px;
}

#outer #footer .content .label {
	display:inline-block;
	padding:0px;
	padding-left:20px;
	padding-top:5px;
	margin:0px;
	margin-top:5px;
	/*background:#b5c6e3;*/
	background:url(img/partners_box.png) top left no-repeat transparent;
	width:126px;
	height:17px;
	font-size:14px;
	color:#FFF;
}

#outer #footer .content ul.partners {
	float:left;
	margin-top:15px;
}

#outer #footer .content ul.partners li {
	display:inline-block;
	float:left;
	margin-right:35px;
}
#outer #footer .content .navigation {
	float:left;
	width:450px;
	margin-top:10px;
}

#outer #footer .content .contact {
	float:right;
	margin-top:20px;
	margin-right:10px;
	text-align:right;
}

#outer #footer .content .contact .phone {
	font-size:30px;
	color:#e1e1e1;
}

#outer #footer .content .contact .card {
	color:#959595;
}
#outer #footer .content .navigation ul.links{
	display:inline;
}
#outer #footer .content .navigation ul.links li {
	display:inline;
	padding:0px;
}
#outer #footer .content .navigation ul.links li a:link,
#outer #footer .content .navigation ul.links li a:visited,
#outer #footer .content .navigation ul.links li a:active{
	color:#fff;
}
#outer #footer .content .navigation ul.links li a:hover{
	color:#aaa;
}

#outer #footer .content .navigation ul.products {
	margin-left:105px;
	margin-top:5px;
	display:block;
}
#outer #footer .content .navigation ul.products li {
	display:list-item;
}
#outer #footer .content .navigation ul.products li a {
	color:#999999;
}
/*** !INFERIOR FOOTER ***/


/* hacks safari */
/*
@media screen and (-webkit-min-device-pixel-ratio:0){
	
}*/