body {
	background-color:white; margin:0 auto; padding: 0px; 
	font-family: "Arial", "sans-serif", "Helvetica", "Verdana";
	width:80%; height: 100%;
}
#cuerpo {
	padding: 0 0 40px 0;
	clear:both;
	margin:0 auto !important;
	width:100%;
	min-height: 1%;
	height: auto;
	overflow: hidden;	
	background-color:#BFD5E9;

/* COLOR1: #BFD5E9 */
/* COLOR2: #abc9e3 */
/* COLOR2.2: #96bbdc */ 
/* COLOR3: #cedce9 */
}

#central { /* Para todos */
	width: 60%;
	color:inherit;
	float: left;
	margin: 20px 0 0 40px;	
	min-height: inherit;
	height: inherit;
	font-size:9pt;
	font-family: "Arial", "sans-serif", "Helvetica", "Verdana";
}

#cabecera {background-color:white; width:100%; height:10%; clear:both;}
#logotipo {float:left; background-color:transparent; width:auto; height:auto; min-height:30px; min-width:100px; margin:1% 0 3% 0;}
#logo {padding-left: 8%; padding-top: 2%; max-width: 378px; min-height: 25px; min-width: 200px; }
#lenguas {background-color: transparent; padding:0; float:right; margin: 0 55px 0 0; height:auto;  min-width: 130px; /* width:25%; min-height: 25px; min-width: 110px; max-height: auto;*/}
#lateral {float:right; margin:5%; width:25%; background-color:transparent; padding:0;}
.laterales { width:100%;}

#contacto{
	text-align:left;
	width:100%;	
	float:right;
	margin:5%;
	font-size:12px;
	color:black;
	line-height:1em;
	font-family: "Arial", "sans-serif", "Verdana", "Helvetica";
}

#contacto p, .direccionPostal p {
	padding:0.5% 0 0 11%; margin-left:-4%;}
#emailing{
	text-decoration: none;
	background-image: url(../images/email-closed.png);
	background-repeat: no-repeat;
	background-position: left;
}
#emailing:hover{text-decoration:none; background-image:url(../images/email-open.png); background-repeat: no-repeat;}
#skyping{
	background-image: url(../images/social_media/skype-icon.png);
	background-repeat: no-repeat;
	background-position: left;
}
#tituling{
}
#contacto h6 {text-align:center; margin:2% 5% 0 0;}

.direccionPostal a{text-decoration:none; color:black;}
.direccionPostal a:hover{text-decoration:underline; color:#18495E;}
a img, img.laterales, .socialmedia a , .socialmedia a img{ border:0; text-decoration:none; background:none; border:0 none;}

#base{
	background-color:#456C7D; 
	padding:0;
	clear:both; 
	width:auto;
	margin:0 auto;
	margin-bottom:5%;

/* COLOR0: #18495E */
/* COLOR1: #456C7D */
/* COLOR2: #4A7D92 */ 
}
#pie {
	color:white; 
	margin:0 auto;
	min-width:1%;
	width:350px;
	font-size:0.9em; 
	height:28px; 
	padding:9px 0 5px 0;
}
#talentumPie { 
float:left; color: white; width:auto; margin:5px 0 0 12%; padding:0; 
font-size:14px; font-family: "Arial", "sans-serif", "Helvetica", "Verdana";
}

/******************* social media **************************/
.socialmedia {border:none;margin:0 15px; color: lightgrey;}
.socialmedia:hover, .socialmedia a, .socialmedia a img,
.socialmedia a:visited, .socialmedia a:link, .socialmedia a:hover {
	text-decoration:none; background:none; border:0 none;
}


/******************** Estilos idiomas ********************/
.botonespanol, .botonaleman, .botoningles{
	float:right;
	display: inline;
	border:none;
	text-align: center;
	background-repeat: no-repeat;
	width:34px; height:22px;
	background:transparent; 
	margin-right: 5%;
	vertical-align: 50%;
	margin-top:25%;
}
.botonespanol { background-image:url(../images/banesp.png); background-repeat: no-repeat;}
.botonaleman { background-image:url(../images/banger.png); background-repeat: no-repeat;}
.botoningles { background-image:url(../images/baning.png); background-repeat: no-repeat;}
.botonespanol:hover, .botoningles:hover, .botonaleman:hover{
	cursor:pointer;
	opacity: 0.4;
}

/*************************** Estilos Menu ***********************/
#centramenu{ margin:0 auto; min-width:1%; width:auto; }
#menubox{ 
	clear:both; 
	margin:0% auto 1.5% auto;	
	padding:0;
	width:100%;
	min-width:1%; 
	min-height: 1%;
	height: auto;
	background-color:#4c4e5a !important;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#575965 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#575965 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#575965 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#575965 100%);
    background: linear-gradient(top, #4c4e5a 0%,#575965 100%);	
	
/* COLOR0 /* top, #4c4e5a 0%,#2C2D33 100% <--- */
/* COLOR1 /* top, #4c4e5a 0%,#4E505C 100% <--------- */
/* COLOR2 /* top, #4c4e5a 0%,#575965 100% <----- */
/* COLOR3 /* top, #4c4e5a 0%,#747474 100% */
/* COLOR4 /* top, #2c2d33 0%,#747474 100% */
	
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 2px;
} 
.menu {
	padding:0;
    height: auto;
    min-height: 2%;
	width:auto;
	border: none;
    outline: none;
	text-align:center;
	vertical-align: middle;
}

.menu ul, .menu li, .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.menu ul{
	position: absolute;
    top: 40px;
    left: 0px;
    opacity: 0;

	background-color:#41434b !important;
    background: -webkit-linear-gradient(top, #575965 0%,#41434b 100%);
    background: -moz-linear-gradient(top, #575965 0%,#41434b 100%);
    background: -o-linear-gradient(top, #575965 0%,#41434b 100%);
    background: -ms-linear-gradient(top, #575965 0%,#41434b 100%);
    background: linear-gradient(top, #575965 0%,#41434b 100%);
	
	/*COLOR0: #1f2024*/
	/*COLOR1: #575965*/  /* akiiiiiii */
	/*COLOR1: #4c4e5a*/
	
	/* sublista */
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
.menu li  {
	position: relative;
	list-style: none;
	clear:both;
	display:inline-block;
	height: 40px; /*  alto dela sublista */
	margin:0 1%; /* ancho bloques del menú */
	padding:0;
	text-align:left;
}
.menu li a {
    display: block;
    padding: 10px 15px 0 15px;
    line-height: 120%;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.menu li.login{float: right; } 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
.menu ul li:last-child a { border: none; }  
.menu li:hover > a { color: #5a93c8; } /***************/
.menu li:hover > ul { opacity: 1; }

.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;

    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: 120%;
    overflow: visible;
}

.menu ul li a {
	min-width:auto;
    padding: 8px 5px 8px 15px;
    margin: 0;
    width: auto;
	border: none;
    border-bottom: 1px solid #353539;
}

/********************* Estilos formularios *****************/
.error {
	/* mensaje de error */
	color: #600;
	font-weight: bolder;
}
.itsok{
	/* mensaje de OK */
	color: #006;
	font-weight: lighter;
}

.itsok, .error {font-family: "Arial", "sans-serif", "Verdana";}

.formulario { 
	z-index:50;
	padding:0;
	margin:0;
	width:100%;
}

.formulario table {
	color:black;
}
.txtoTabla { 
	text-align:right;	
	padding-right:20px;
	text-align:right !important;
	font-family: "Arial", "sans-serif", "Helvetica","Verdana";
	font-size:12px;
	line-height:12px;	
}

#fondo {
/*Formulario contacto*/
	background-color:#ADC6DA;
	padding: 5%;
	width:90%;
	margin:0;
	border-radius: 7px;
}

form .entradasmall {max-width:150px; border-radius:5px;}
form .entradabig {width: 404px; width:99%; border-radius:5px;}
form .entradabig1{width:40px; background:pink;border-radius:0px;}
textarea {
    font-size: 100%;
    margin:0;
	margin-left:1px;
    vertical-align: baseline; 
    *vertical-align: middle;
	border-radius:5px;
	text-align:left;
	border:1px solid grey;
	min-width:404px; max-width:490px; 
	min-height:200px; max-height:300px;
}

#formderecha { margin:10px 0 0 200px;  }
#formizqda {margin:10px 0 0 0;}

form .botonform { max-width:90px; min-width:80px; height:30px; padding:5px; margin:0 20px; 
	border-radius:12px; border:none; 
	background-color:white; 
	color:black;
	font-family: "Arial", "sans-serif", "Verdana", "Helvetica";
	font-weight:inherit;
	opacity:1;

    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s; 
}
form .botonform:hover {	
	background-color:#E4E4E4;
	opacity:1;

	-webkit-transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    -ms-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out; 
}

/****************** Estilos TABLAS *******************/
.formtable{text-align:left;}
.Tablatable form { display:inline;}
.Tablatable .header {font-weight: bold; font-size:120%;}
.Tablatable{ 
	text-align:left; 
	width:99%; 
	font-weight: lighter; 
	font-size:12px; 
	font-family: "Arial", "sans-serif", "Helvetica", "Verdana";
}
.Tablatable .col1 {min-width:50%; width:70%; margin:0; line-height:20px;}
.Tablatable .col2 {text-align:center; min-width:30%; width:40%; margin:0 5%;} /* col 2*/
.Tablatable .col3 {text-align:center; width:8%; } /* col 3*/

.Tablatable a, .Tablatable a:link, 
.Tablatable a:visited, .Tablatable a:active{
	color:#18495E;
	text-decoration:none;
	font-weight: bold;
}
.Tablatable a:hover{text-decoration:underline;}

/************************ Editor HOME *****************************/
.editorhome{ margin:0; padding:0; float:left; background-color:#4FB;}
.editbox {
	float:left; margin:10px auto; width:200px; 
	background-color:#CFC; border:1px solid red;
}
.editboton{ clear:both; padding:50px 0;}

/*********************** Estilos Enlaces ***********************/
.enlace, .enlace:link{color:#18495E; font-weight:bolder;}
.enlace:visited{color:#333; font-weight:normal;}
.enlace:hover {color:inherit;}

/*********************** Estilos Admin ***********************/
.botoneditar:hover, .botoneditar a, 
.botoneditar a:visited, .botoneditar a:link, 
.botoneditar a:hover {
	color: #5a93c7; 
	opacity:1;    
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.botoneditar, .botoneditar a, .botoneditar a:visited, 
.botoneditar a:link, .botoneditar a:hover { 
	opacity: 1;
    background: #1f2024;
	color: #f3f3f3;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	font-family: "Helvetica", "Arial", "sans-serif", "Verdana";
    font-weight: bold;
    font-size: 13px;
	border-radius:5px;
	border:0 thin red;
	border:none;
	text-decoration:none;
	padding:9px;
	margin:0 35px 0 0;	

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
#separador{ border-bottom:1px solid #1f2024; margin:20px 0 15px 0;}

/************************ Estilos OFERTAS *********************************/
#titulooferta{margin:-10px 0 20px 0; text-align:left;}
.dlarga{
	font-size:12px; 
	font-family: "Arial", "sans-serif", "Verdana", "Helvetica"; 
	line-height:24px; 
	text-align:left;
}
.formoferta { font-weight: bold;}
.fofer {color:white;}
.fondOfertas{
	background-color: rgba(255,255,255,0.4);
	padding: 2%;
	width:100%;
	margin:0;
	margin-bottom:20px;
	border-radius: 7px;
	float:left;
}
.fondOfertas a{color:#18495E; text-decoration:none; font-weight: bold;}
#centralOfertas{
	width: 60%;
	color:inherit;
	float: left;
	margin: 20px 0 0 40px;	
	min-height: inherit;
	height: inherit;
	text-align: left;
	text-align:justify !important;
}

/******************** MAILING *****************/
#mailing{ padding:2%; margin:-5% -5% 0 0; }
#newslegend{ margin:-5% 0; font-size:12px; }
#mailingSuscribe{ font-size:12px; }
#altaMailing{margin:-90% 0 0 0; padding-bottom:20%;}
.MailingEnviar{
	background:transparent; border:none;
	background-image:url(../images/flecha2.png); background-repeat: no-repeat;
	width:28px;
	height:25px;
	margin:-20% 0 0 0;
}

/***************** AVISO LEGAL *****************/
#avisolegal a, #avisolegal a:link, #avisolegal a:visited{
	font-size:0.6em;
	text-decoration:none;
	font-family: "Arial", "sans-serif", "Verdana", "Helvetica";
	color:white;
}
#avisolegal a:hover{
text-decoration:underline;
}