@charset "utf-8";
/* CSS Document */

/* CODIGOS DE COLORES 
ROSA: #E2007A;
ROSA CLARO: #F9C;
GRIS: #666;
*/
  
/* RESETEO GLOBAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1; background-image:url(../img/estructura/fondo.jpg); background-repeat:repeat-x;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

/* DEFINICION DE ETIQUETAS */

body {
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:center;
	background-color:#000;	
}

fieldset{padding:15px;}
legend{margin-bottom:15px;}

/* ENLACES POR DEFECTO */ 

a {text-decoration:none;}
a:link {color:#666;}
a:visited {color:#666;}
a:hover {text-decoration:underline;	color:#E2007A;}
a:active {color:#F9C;}

/* IMAGENES ENLAZADAS */

a img { cursor:pointer;}

/* ENCABEZADOS */

h1, h2, h3, h4, h5, h6 { margin-bottom:8px; text-align:center; }

h1 {font-size:36px; color:#E2007A;}
h2 {font-size:28px; color:#E2007A;}
h3 {font-size:20px; color:#E2007A;}
h4 {font-size:16px; color:#E2007A;}
h5 {font-size:12px; color:#E2007A;}
h6 {font-size:10px; color:#E2007A;}

/* OTRAS ETIQUETAS EN LA WEB */

p { margin-bottom:5px;}
blockquote { font-style:italic; margin: 30px;}


/* DEFINICION DE COLORES */

.negro{color:#000;}
.rosa {color:#E2007A;}
.negrita {font-weight:bold;}
.rojo {color:#F00;}
.rojoerror {color:#F00; font-weight:bold;}

/* DEFINICION DE CLASES PARA ESTRUCTURA */

.nada{margin:0; padding:0; border:0;}

.enlinea{line-height:normal;}

.contactform{width:770px; margin:60px auto;}

.margenbajo{margin-bottom:15px;}
.margensup{margin-top:15px;}
.margenizq{margin-left:15px;}
.margender{margin-rigt:15px;}


/* MENU NAVEGACION */

#wrapper #menu a.barramenu,
#wrapper #menu a.barramenu:link,
#wrapper #menu a.barramenu:visited {
	float:left;
	display:block; 
	overflow:hidden; 
	width:90px;
	height:20px;
	color:#FFF;
	font-weight:300;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	line-height:20px;
}
#wrapper #menu a.barramenu:hover {color:#F0A;}
#wrapper #menu a.barramenu:active {color:#F9C;}

/* CLASES ESTRUCTURA */

.separador { clear:both;}
.izquierda { float:left;}
.derecha { float:right;}

/* DEFINICION DE CONTENEDORES */

#wrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:900px;
	height:500px;
	margin-top:-250px;
	margin-left:-450px;
	text-align:left;
	background-image:url(../img/estructura/fondo_blanco.png);
	background-repeat:no-repeat;
}

#wrapper #cabecera {
	float:left;
	width:900px;
	height:150px;
}

#wrapper #logo {
	position:absolute;
	width:120px;
	height:120px;
	left:90px;
	top:92px;	
	z-index:5;
	background-image:url(../img/estructura/logo-kpo.png);
	background-repeat:no-repeat;
}

#wrapper #menu {
	clear:both;
	width:870px;
	height:20px;
	margin:0 15px 15px 15px;
}

#wrapper #menu #izquierda {
	float:left;
	width:17px;
	height:20px;
	background-image:url(../img/estructura/menu_left.png);
	background-repeat:no-repeat;
}
#wrapper #menu #centro {
	float:left;
	width:646px;
	height:20px;
	padding-left:190px;
	background-image:url(../img/estructura/bg_links.png);
	background-repeat:repeat-x;
}

#wrapper #menu #derecha {
	float:right;
	width:17px;
	height:20px;
	background-image:url(../img/estructura/menu_right.png);
	background-repeat:no-repeat;
}

#wrapper #contenido {
	clear:both;
	margin:0 auto;
	width:860px;
	height:320px
	}

#wrapper #pie {
	clear:both;
	margin:0 auto;
	width:860px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:9px;
	color:#FFF;
	}