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

/* COLORES 
ROSA -> #F0A
GRIS -> #555
*/

/* RESETEO GLOBAL */
* {border:0; margin:0; padding:0;}

/* ETIQUETAS GENERALES */
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#999;
	background-color:#000;}

fieldset {
	width:500px;
	margin:0 auto;
	padding:20px;
	color:#F0A;
	border:1px solid #AAA;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}
	
legend {
	color:#F0A;
	font-weight:bold;}
	
label {
	display:block;
	padding-bottom:3px;}
	
input {
	display:block;
	padding:3px;}
	
li {list-style:none; line-height:20px;}

img, a, button {cursor:pointer;}

/* ENLACES */

a:link.enlaceRosa {color:#F0A; text-decoration:none;}
a:visited.enlaceRosa {color:#F0A; text-decoration:none;}
a:hover.enlaceRosa {color:#999; text-decoration:none;}

a:link {color:#999; text-decoration:none;}
a:visited {color:#999; text-decoration:none;}
a:hover {color:#F0A; text-decoration:none;}

/* CLASES GENERALES */

.rosa {color:#F0A;}
.gris {color:#999;}
.bien {color:#CF0;}
.mal {color:#09F;}
.centrado {margin:0 auto;}
.textoCentrado {text-align:center;}
.negrita {font-weight:bold;}
.cursiva {font-style:italic;}
.separaBajo {margin-bottom:7px;}

/* CLASES ESPECIALES */
.pForm {height:20px; line-height:20px; padding-bottom:3px; padding-top:3px;}

.pFormPre {width:550px; margin:8px auto;}

.boton {
	display:inline;
	width:75px;
	height:22px;
	margin-right:7px;
	text-align:center;
	color:#FFF;
	background-color:#F0A;
	border:2px solid #FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}
	
.boton:hover {background-color:#FFF; color:#F0A; border:2px solid #F0A;}

.listaTrabajos {margin-left:275px; color:#F0A;}

.divNegro {
	float:right;
	width:600px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:10px;
	margin-right:110px;
	background-color:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}

.divNegroServicios {
	float:left;
	width:530px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:10px;
	background-color:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;}

/* CONTENEDORES GENERALES */

#wrapperR {
	position:absolute;
	width:1100px;
	height:633px;
	left:50%;
	top:50%;
	margin-left:-550px;
	margin-top:-310px;
	z-index:-1000;}

#wrapperR #logo {
	width:200px;
	height:200px;
	top:0;
	left:0;
	background-image:url(../img/estructura/logoKpoMini.png);
	background-repeat:no-repeat;
	z-index:2000;}

#wrapperR #wrapper {
	position:absolute;
	width:1000px;
	height:533px;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-266px;
	background-image:url(../img/estructura/fondo.jpg);
	background-repeat:repeat;
	z-index:-100;}

#wrapperR #wrapper #contenido {
	position:relative;
	float:right;
	width:690px;
	height:533px;}

#wrapperR #wrapper #menu {
	position:relative;
	float:left;
	width:150px;
	height:250px;
	margin-left:40px;
	margin-top:110px;
	padding-top:70px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	z-index:1000;}
	
/* ETIQUETAS EN CONTENEDORES */

#wrapperR #wrapper #contenido h5 {height:25px; line-height:25px; text-align:center; margin-right:40px;}

#wrapperR #wrapper #contenidoList #trabajosLista ul li{float:left; display:block; margin-top:2px; margin-left:30px;}
	
#wrapperR #wrapper #menu ul {margin-left:40px;}

#wrapper #contenido #chat h4 {margin-bottom:10px; color:#F0A;}

#wrapper #contenido #chat p {text-align:left; margin-left:20px; margin-bottom:10px;}

#wrapperR #wrapper #contenido #contacto legend {font-size:16px;}
	
#wrapperR #wrapper #contenidoList #servicios h3 {width:250px; margin:200px auto;} 

#wrapperR #wrapper #contenido #nosotros #nosotrosCentro h1 {font-size:22px; font-weight:100; margin-bottom:12px;}

#wrapperR #wrapper #contenido #nosotros h2 {margin-top:14px; font-weight:100; font-size:22px;}

#wrapperR #wrapper #contenido #formularioPresupuesto legend {font-size:16px;}

#wrapperR #wrapper #contenidoList #trabajos h3 {width:300px; margin:40px auto 0; color:#F0A;} 

#wrapperR #wrapper #contenidoList #trabajos p {width:600px; margin:20px auto;}

#wrapperR #wrapper #contenidoList #trabajos #logos {width:400px;  text-align:center; margin:0 auto;}

#wrapperR #wrapper #contenidoList #trabajos #textos {top:0; width:400px; height:30px; line-height:30px; margin:0 auto; text-align:center;}

#wrapperR #wrapper #contenidoList #trabajos img {margin-left:10px; margin-bottom:20px; margin-top:10px;}



/* CONTENEDORES ESPECIALES */

#wrapperR #wrapper #contenido #intro {
	float:right;
	width:600px;
	height:430px;
	margin-top:40px;
	margin-right:90px;
	padding-top:20px;
	text-align:center;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}

#wrapper #contenido #chat {
	float:right;
	width:600px;
	height:480px;
	margin-top:20px;
	margin-right:80px;
	padding-top:20px;
	text-align:center;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}

#wrapperR #wrapper #contenido #contacto {
	float:right;
	width:600px;
	height:425px;
	margin-top:10px;
	margin-right:100px;
	padding-top:10px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}

#wrapperR #wrapper #contenido #footerForm {
	float:right;
	width:350px;
	padding:5px 0 7px 60px;
	margin-right:180px;
	margin-top:5px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}	
	
#wrapperR #wrapper #contenidoList {
	position:relative;
	float:right;
	width:790px;
	height:533px;
	z-index:200;}

#wrapperR #wrapper #contenidoList #servicisoLista {
	float:right;
	width:170px;
	height:250px;
	margin-right:35px;
	margin-top:130px;
	padding:20px 15px 0px 15px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}
	
#wrapperR #wrapper #contenidoList #servicios {
	float:left;
	width:535px;
	height:450px;
	margin-top:10px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}
	
#wrapperR #wrapper #contenidoList #trabajosLista {
	float:left;
	width:740px;
	height:25px;
	line-height:25px;
	margin-right:35px;
	margin-top:20px;
	padding:9px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	z-index:300;}
	
#wrapperR #wrapper #contenidoList #trabajos {
	float:left;
	width:760px;
	height:380px;
	margin-top:20px;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	z-index:400;}

#wrapperR #wrapper #contenido #nosotros {
	float:right;
	width:530px;
	height:485px;
	margin-top:24px;
	margin-right:140px;
	padding-left:20px;
	background-color:#000;
	border-radius:15px;
	-mox-border-radius:15px;
	-webkit-border-radius:15px;}
	
#wrapperR #wrapper #contenido #nosotros #nosotrosCentro {
	float:left;
	width:500px;
	margin:0 auto;
	padding:5px;
	margin-right:180px;
	margin-top:15px;}

#wrapperR #wrapper #contenido #nosotros #nosotrosIzquierda {
	float:left;
	width:200px;
	padding:10px;
	margin-top:10px;}

#wrapperR #wrapper #contenido #nosotros #nosotrosDerecha {
	float:left;
	width:200px;
	padding:10px;
	margin-left:75px;
	margin-top:10px;}
	
#wrapperR #wrapper #contenido #formularioPresupuesto {
	float:right;
	width:600px;
	height:460px;
	margin-right:100px;
	margin-top:25px;
	padding-top:20px;
	background-color:#000;
	border-radius:15px;
	-mox-border-radius:15px;
	-webkit-border-radius:15px;}
	
#wrapperR #wrapper #contenido #formularioPresupuesto #formIzquierda {
	float:left;}

#wrapperR #wrapper #contenido #formularioPresupuesto #formDerecha {
	float:right;}

/* MENU DE LA WEB */