/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #ffffff;
}

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

h1 {
	position: absolute;
	left: -5000px;
}

h2 {
	margin: 28px 0px 0px 10px;
	padding: 0px;
	width: 90%;
	height: 30px;
	background: url(../images/flecha.gif) no-repeat right;
	float: left;
}
html>body h2 {
	margin: 28px 0px 0px 20px;
	min-height: 30px;
	height: auto;
}

h2.der {
	margin: 28px 0px 0px 10px;
	padding: 0px;
	width: 86%;
	height: 30px;
	background: url(../images/flecha.gif) no-repeat right;
	float: left;
}
html>body h2.der {
	margin: 28px 0px 0px 20px;
	min-height: 30px;
	height: auto;
}

h2.lar {
	margin: 28px 0px 0px 10px;
	padding: 0px;
	width: 94%;
	height: 30px;
	background: url(../images/flecha.gif) no-repeat right;
	float: left;
}
html>body h2.lar {
	margin: 28px 0px 0px 20px;
	min-height: 30px;
	height: auto;
}

h3 {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 93%;
	font: bold 12px Verdana;
	color: #f198a3;
	float: left;
	}
html>body h3 {
	margin: 10px 0px 0px 20px;
	}

img {
	border: none
}
	
a {
	text-decoration: none;
	color: #b82d3e;
}
a:hover {
	color: #d24d5d;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}



/* -------------- Contenedor ----------------- */

#contenedor {
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	height: 100px;
}
html>body #contenedor {
	min-height: 100px;
	height: auto;
}



/* -------------- Base ----------------- */

#base {
	margin: 5px 0px 0px 2.5px;
	padding: 0px;
	width: 990px;
	height: 300px;
	background: #b82d3e url(../images/fondo.jpg) no-repeat top left;
	float: left;
}
html>body #base {
	margin: 5px 0px 0px 5px;
	min-height: 300px;
	height: auto;
}



/* -------------- Izquierda ----------------- */
	
#izquierda {
	margin: 0px;
	padding: 0px;
	width: 255px;
	height: 500px;
	background: url(../images/logo.gif) no-repeat top left;
	float: left;
	}
html>body #izquierda {
	min-height: 500px;
	height: auto;
	}
	
#izquierda p {
	margin: 90px 0px 0px 11px;
	padding: 0px;
	width: 90%;
	color: #ffffff;
	float: left;
	}
html>body #izquierda p {
	margin: 90px 0px 0px 22px;
	}
	
#izquierda p a {
	color: #f198a3;
	}
	
#izquierda ul {
	margin: 25px 0px 0px 11px;
	padding: 0px;
	float: left;
}
html>body #izquierda ul {
	margin: 25px 0px 0px 22px;
}
#izquierda ul li {
	list-style-type: none;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	width: 190px;
	float: left;
}
#izquierda ul li.inicio a {
	margin: 0px;
	padding: 0px;
	width: 74px;
	height: 17px;
	background: url(../images/inicio.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.inicio a:hover {
	background: url(../images/iniciob.gif) no-repeat top left;
}
#izquierda ul li.inicio a.selecc {
	background: url(../images/inicioc.gif) no-repeat top left;
}
#izquierda ul li.agencia a {
	margin: 0px;
	padding: 0px;
	width: 105px;
	height: 17px;
	background: url(../images/agencia.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.agencia a:hover {
	background: url(../images/agenciab.gif) no-repeat top left;
}
#izquierda ul li.agencia a.selecc {
	background: url(../images/agenciac.gif) no-repeat top left;
}
#izquierda ul li.azafatas a {
	margin: 0px;
	padding: 0px;
	width: 113px;
	height: 17px;
	background: url(../images/azafatas.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.azafatas a:hover {
	background: url(../images/azafatasb.gif) no-repeat top left;
}
#izquierda ul li.azafatas a.selecc {
	background: url(../images/azafatasc.gif) no-repeat top left;
}
#izquierda ul li.eventos a {
	margin: 0px;
	padding: 0px;
	width: 112px;
	height: 17px;
	background: url(../images/eventos.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.eventos a:hover {
	background: url(../images/eventosb.gif) no-repeat top left;
}
#izquierda ul li.eventos a.selecc {
	background: url(../images/eventosc.gif) no-repeat top left;
}
#izquierda ul li.promociones a {
	margin: 0px;
	padding: 0px;
	width: 175px;
	height: 17px;
	background: url(../images/promociones.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.promociones a:hover {
	background: url(../images/promocionesb.gif) no-repeat top left;
}
#izquierda ul li.promociones a.selecc {
	background: url(../images/promocionesc.gif) no-repeat top left;
}
#izquierda ul li.marketing a {
	margin: 0px;
	padding: 0px;
	width: 139px;
	height: 17px;
	background: url(../images/marketing.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.marketing a:hover {
	background: url(../images/marketingb.gif) no-repeat top left;
}
#izquierda ul li.marketing a.selecc {
	background: url(../images/marketingc.gif) no-repeat top left;
}

#izquierda ul li.marketing2 a {
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 17px;
	background: url(../images/marketing2.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.marketing2 a:hover {
	background: url(../images/marketingb2.gif) no-repeat top left;
}
#izquierda ul li.marketing2 a.selecc {
	background: url(../images/marketingc2.gif) no-repeat top left;
}




#izquierda ul li.empleo a {
	margin: 0px;
	padding: 0px;
	width: 99px;
	height: 17px;
	background: url(../images/empleo.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.empleo a:hover {
	background: url(../images/empleob.gif) no-repeat top left;
}
#izquierda ul li.empleo a.selecc {
	background: url(../images/empleoc.gif) no-repeat top left;
}
#izquierda ul li.noticias a {
	margin: 0px;
	padding: 0px;
	width: 113px;
	height: 17px;
	background: url(../images/noticias.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.noticias a:hover {
	background: url(../images/noticiasb.gif) no-repeat top left;
}
#izquierda ul li.noticias a.selecc {
	background: url(../images/noticiasc.gif) no-repeat top left;
}
#izquierda ul li.clientes a {
	margin: 0px;
	padding: 0px;
	width: 117px;
	height: 17px;
	background: url(../images/clientes.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.clientes a:hover {
	background: url(../images/clientesb.gif) no-repeat top left;
}
#izquierda ul li.clientes a.selecc {
	background: url(../images/clientesc.gif) no-repeat top left;
}
#izquierda ul li.contacto a {
	margin: 0px;
	padding: 0px;
	width: 128px;
	height: 17px;
	background: url(../images/contacto.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#izquierda ul li.contacto a:hover {
	background: url(../images/contactob.gif) no-repeat top left;
}
#izquierda ul li.contacto a.selecc {
	background: url(../images/contactoc.gif) no-repeat top left;
}

#izquierda .iconos_red_social{margin: 10px 0px 0px 20px; width: 150px; float: left;}

a.extranet {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 13px 22px;
	width: 233px;
	font: bold 10px Verdana;
	color: #f198a3;
	background: #a41627; 
	float: left;
}
a.extranet:hover {
	color: #f198a3;
	background: #971020; 
}

.claro {
	color: #f198a3;
	}

	
	
/* -------------- Derecha ----------------- */
	
#derecha {
	margin: 0px;
	padding: 0px;
	width: 735px;
	height: 500px;
	float: left;
	}
html>body #derecha {
	min-height: 500px;
	height: auto;
	}
	
#hizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242;
	float: left;
	}
html>body #hizquierda {
	min-height: 535px;
	height: auto;
	}
	
#hderecha {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 301px;
	height: 535px;
	background: #7d1f2a;
	float: left;
	}
html>body #hderecha {
	min-height: 535px;
	height: auto;
	}
	
#hderecha p {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	width: 87%;
	line-height: 14px;
	color: #ffffff;
	float: left;
	}
html>body #hderecha p {
	margin: 20px 0px 0px 20px;
	}
	
#hderecha p.eslogan {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	width: 87%;
	line-height: 14px;
	font: normal 14px Verdana;
	color: #f198a3;
	float: left;
	}
html>body #hderecha p.eslogan {
	margin: 20px 0px 0px 20px;
	}
	
#hderecha ul {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	width: 90%;
	float: left;
	}
html>body #hderecha ul {
	margin: 20px 0px 0px 20px;
	}
#hderecha ul.peque {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 90%;
	float: left;
	}
html>body #hderecha ul.peque {
	margin: 10px 0px 0px 20px;
	}
#hderecha ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 90%;
	color: #f2c2c8;
	line-height: 14px;
	background: url(../images/per.gif) no-repeat top left;
	float: left;
	}
#hderecha ul li.sfondo {
	padding: 0px 0px 0px 0px;
	background: none;
	}
#hderecha ul ul {
	margin: 3px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	width: 90%;
	float: left;
	}
html>body #hderecha ul ul {
	margin: 3px 0px 0px 20px;
	}
#hderecha ul ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 90%;
	color: #ffffff;
	line-height: 14px;
	background: url(../images/per.gif) no-repeat top left;
	float: left;
	}

a.curriculo {
	margin: 25px 0px 0px 10px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 270px;
	background: #902633 url(../images/curriculo.gif) no-repeat right;
	float: left;
	}
a.curriculo:hover {
	background: #872430 url(../images/curriculo.gif) no-repeat right;
	}
	
a.laempresa {
	margin: 5px 0px 0px 10px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 270px;
	background: #a23240 url(../images/laempresa.gif) no-repeat right;
	float: left;
	}
a.laempresa:hover {
	background: #9b2d3a url(../images/laempresa.gif) no-repeat right;
	}
	
a.lasazafatas {
	margin: 5px 0px 0px 10px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 270px;
	background: #902633 url(../images/lasazafatas.gif) no-repeat right;
	float: left;
	}
a.lasazafatas:hover {
	background: #872430 url(../images/lasazafatas.gif) no-repeat right;
	}
	
a.botonv {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 270px;
	background: #902633 url(../images/volver.gif) no-repeat right;
	float: left;
	}
a.botonv:hover {
	background: #872430 url(../images/volver.gif) no-repeat right;
	}
	
a.botonvd {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 200px;
	background: #902633 url(../images/volver.gif) no-repeat right;
	float: left;
	}
a.botonvd:hover {
	background: #872430 url(../images/volver.gif) no-repeat right;
	}
	
a.botonmas {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 13px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 200px;
	background: #902633 url(../images/vmas.gif) no-repeat right;
	float: left;
	}
a.botonmas:hover {
	background: #872430 url(../images/vmas.gif) no-repeat right;
	}
	
#aizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/agencia.jpg) no-repeat top left;
	float: left;
	}
html>body #aizquierda {
	min-height: 535px;
	height: auto;
	}
	
#eizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/eventos.jpg) no-repeat top left;
	float: left;
	}
html>body #eizquierda {
	min-height: 535px;
	height: auto;
	}
	
#pizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/promociones.jpg) no-repeat top left;
	float: left;
	}
html>body #pizquierda {
	min-height: 535px;
	height: auto;
	}
	
#mizquierda, #m2izquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	float: left;}
#mizquierda {background: #c23242 url(../images/marketing.jpg) no-repeat top left;}
#m2izquierda {background: #c23242 url(../images/marketing2.jpg) no-repeat top left;}
html>body #mizquierda, html>body #m2izquierda{
	min-height: 535px;
	height: auto;
	}
	
#nizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/noticias.jpg) no-repeat top left;
	float: left;
	}
html>body #nizquierda {
	min-height: 535px;
	height: auto;
	}
	
#tizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/contacto.jpg) no-repeat top left;
	float: left;
	}
html>body #tizquierda {
	min-height: 535px;
	height: auto;
	}
	
#cizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242;
	float: left;
	}
html>body #cizquierda {
	min-height: 535px;
	height: auto;
	}
	
#lizquierda {
	margin: 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #c23242 url(../images/plano.jpg) no-repeat top left;
	float: left;
	}
html>body #lizquierda {
	min-height: 535px;
	height: auto;
	}
	
#cizquierda ul {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	width: 90%;
	float: left;
	}
html>body #cizquierda ul {
	margin: 20px 0px 0px 20px;
	}
#cizquierda ul li {
	list-style-type: none;
	margin: 0px 5px 2px 0px;
	padding: 0px 0px 0px 0px;
	color: #f2c2c8;
	line-height: 14px;
	float: left;
	}
	
	
#hderechan {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 434px;
	height: 535px;
	background: #7d1f2a;
	float: left;
	}
html>body #hderechan {
	min-height: 535px;
	height: auto;
	}
	
#hizquierdan {
	margin: 0px;
	padding: 0px;
	width: 301px;
	height: 535px;
	background: #c23242;
	float: left;
	}
html>body #hizquierdan {
	min-height: 535px;
	height: auto;
	}
	
	
	
/* -------------- Dl ----------------- */
	
dl {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	height: 5px;
	border-bottom: 1px solid #b32839;
	color: #ffffff;
	float: left;
	}
html>body dl {
	min-height: 5px;
	height: auto;
	}
dl.oscuro {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	height: 5px;
	border-bottom: 1px solid #922d39;
	color: #ffffff;
	float: left;
	}
html>body dl.oscuro {
	min-height: 5px;
	height: auto;
	}
	
dl.oscuro dt {
	width: 87%;
	}
	
dl.oscuro dd {
	width: 87%;
	}
	
dl.ampliada {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	height: 5px;
	border-bottom: none;
	color: #ffffff;
	float: left;
	}
html>body dl.ampliada {
	min-height: 5px;
	height: auto;
	}
	
dl.ampliada dt {
	width: 93%;
	}
	
dl.ampliada dd {
	width: 93%;
	}
	
dt {
	margin: 0px 0px 0px 10px;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 90%;
	float: left;
	}
html>body dt {
	margin: 0px 0px 0px 20px;
	}

dd {
	margin: 10px 0px 0px 10px;
	font: normal 10px Verdana;
	color: #ffffff;
	line-height: 14px;
	width: 92%;
	float: left;
	}
html>body dd {
	margin: 10px 0px 0px 20px;
	}

dd.fecha {
	margin: 0px 0px 0px 10px;
	font: normal 10px Verdana;
	color: #f198a3;
	width: 90%;
	float: left;
	}
html>body dd.fecha {
	margin: 0px 0px 0px 20px;
	}

a.botonm {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font: bold 10px Verdana;
	color: #f2c2c8;
	background: url(../images/botonm.gif) no-repeat right;
	float: left;
	}
a.botonm:hover {
	color: #f198a3;
	}
	
	
#iempleo {
	margin: 0px;
	padding: 0px;
	width: 735px;
	height: 535px;
	background: #7d1f2a;
	float: left;
	}
html>body #iempleo {
	min-height: 535px;
	height: auto;
	}
	
#iempleo p {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	width: 93%;
	line-height: 14px;
	color: #ffffff;
	float: left;
	}
html>body #iempleo p {
	margin: 20px 0px 0px 20px;
	}

.fnoticia {
	margin: 0px 15px 10px 0px;
	border: 10px solid #94303c;
	float: left;
	}

	
	
/* -------------- Formularios ----------------- */

table {
	margin: 0px;
	padding: 0px;
	width: 94%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	float: left;
}
table, td, th {
	margin: 0px 0px 0px 10px;
	padding: 0.3em 0em 0em 0em;
	height: 2em;
	color: #ffffff;
	line-height: 14px;
	border-spacing: 0em;
	border: none;
}
html>body table, td, th {
	margin: 0px 0px 0px 20px;
}

.campo1 {
	margin: 0em 0em 0em 0.3em;
	padding: 0em;
	font: normal 1.1em Verdana;
	color: #5b5a5a;
	height: 1.5em;
	background-color: #ffffff;
	border: none;
	}
	
.campo2 {
	margin: 0.1em 0em 0em 0.3em;
	padding: 0em;
	font: normal 1.1em Verdana;
	color: #615920;
	height: 8em;
	width: 25em;
	background-color: #ffffff;
	border: 0.1em solid #CCCCCC;
	}
	
.campo3 {
	margin: 0.1em 0em 0em 0.3em;
	padding: 0em;
	font: normal 1.1em Verdana;
	color: #615920;
	height: 8em;
	width: 17em;
	background-color: #ffffff;
	border: none;
	}

.boton {
	margin: 0em;
	padding: 0em;
	font: bold 1em Verdana;
	color: #ffffff!important;
	width: 7em;
	background-color: #bd2d4a;
	border: 0.5em solid #bd2d4a;
	cursor: pointer;
	}

.boton2 {
	margin: 0em;
	padding: 0em;
	font: bold 1em Verdana;
	color: #ffffff!important;
	width: 10em;
	background-color: #bd2d4a;
	border: 0.5em solid #bd2d4a;
	cursor: pointer;
	}
	
.box {
	margin: 0em 1em 0em 0em;
	}
	
table.grey td, th {
	padding: 5px 0px 0px 13px!important;
	background-color: #912b37;
	}
	
.separ {
	margin-top: 10px;
	}
	
	
	
/* -------------- Pie ----------------- */

#pie {
	margin: 0px;
	padding: 0px;
	width: 968px;
	height: 100px;
	float: left;
	}
	
#pie p {
	margin: 10px 0px 0px 5px;
	padding: 0px;
	font: normal 10px Verdana;
	line-height: 14px;
	float: left;
	}
html>body #pie p {
	margin: 10px 0px 0px 10px;
	}
	
	
#pie p a:hover{
	text-decoration: line-through;
	}