/* CSS Document */
body{
	color:#666666;
	background-color:#CCCCCC;
	text-align:center;
	font-family:Arial;
	font-size:11px;
	padding-bottom:0.5em;
	margin-bottom:2.5em;
}
h1{
	display:none;
}
#pagina{
	margin:0 auto;
	background-color:white;
	width:800px;
	text-align:left;
	position:relative;
	top:1em;
	bottom:1em;
	padding:1em;
}
#cabecera{
	width:10%;
}









/* ************************ *
   *      IZQUIERDA        *
   ************************ */
#izquierda{
	width:20%;
	padding-top:2em;
	float:left;
}


/* ************************ *
   *         LOGIN          *
   ************************ */
#login #botonlogin{
	font-size:90%;
	margin-bottom:0.5em;
}

/*********** FIN LOGIN ****************/


/* ************************ *
   *        MENU            *
   ************************ */
#menu{
	width:100%;	
	font-size:12px;
}
#tituloMenu{
	color:white;
	background-color:#FF8000;
	font-weight:bold;
	padding-left:0.4em;
}
#cuerpo #lista{
	padding-top:5em;
}
#cuerpo #lista .titulo a{
	color:#666666;
}
#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
}
#menu li{
	padding-top:0.1em;
	padding-bottom:0.1em;
}
#menu li a{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#999999;
	display: block;
	height: 100%;
	text-decoration: none;
	padding-left:1em;
	padding-bottom:0.2em;
	padding-top:0.2em;
}
#menu li a:hover, #menu li #actual{
	color:black;
	background-color:#999999;
}
/*********** FIN MENU ****************/


.animacion{
	width:100%;
	padding-top:3.5em;
}
/*********** FIN IZQUIERDA ****************/









/* ************************ *
   *        DERECHA         *
   ************************ */
#derecha{
	width:25%;
	padding-top:2em;
	float:right;
}


/* ************************ *
   *         LOGIN          *
   ************************ */
#login{
	width:100%;
	background-color:#DDDDDD;
	margin-bottom:1em;
}
#login p{
	margin:0em;
	padding:0em;
	padding-left:1em;
	padding-top:1em;
}
#botonlogin{
	margin:0em;
	padding:0em;
	margin-top:1em;
}
#usuario, #pass{
	width:90%;
}
/******* FIN LOGIN ***********/


/* ************************ *
   *        BOTONES         *
   ************************ */
#botones ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:200px;
	height:60px;
}   
#botones li{
	height:100%;
	width:100%;
}
#boton1{
	/*background-image:url(../imagenes/botones/BotonDerecha1.gif);*/
	width:100%;
	display: block;
	height: 100%;
	float:left;
}
#boton2{
	/*background-image:url(../imagenes/botones/BotonDerecha2.gif);*/
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	display: block;
	margin-top:1em;
	float:left;
}
#boton3{
	/*background-image:url(../imagenes/botones/BotonDerecha3.gif);*/
	width:100%;
	display: block;
	height: 100%;
	margin-top:1em;
}
#botones img{
	border:0em;
	padding:0em;
}
#primera2, #segunda2, #tercera2{
	display:none;
	position:relative;
}
/******* FIN BOTONES ***********/


#imagen2{
	padding-left:4.2em;
	width:15.8em;
}
/************ FIN DERECHA *****************/









/* ************************ *
   *        CUERPO          *
   ************************ */
#cuerpo{
	width:48%;
	margin-left:17em;
	padding-top:2em;
	height:372px;
	min-height:372px;
	margin-bottom:1em;
	text-align:justify;
}
#cuerpo .linea{
	width:35em;
}

#cuerpo form{
	padding-bottom:1em;
	margin-bottom:1em;
}
#nombre, #empresa, #direccion{
	width:25em;
}
#email{
	width:10em;
}
#tlf{
	width:10em;
}
#mensaje{
	text-align:left;
}
#cuerpo a{
	text-decoration:none;
	background-color:inherit;
	color:#FF8000;
}
#cuerpo a:hover{
	text-decoration:underline;
}


#cuerpo #listaAcreditaciones, #lista{
	list-style:square;
}

#cuerpo #listaAcreditaciones li{
	padding:1em;
}
#cuerpo #construccion{
	background-image:url(../imagenes/construccion.jpg);
	background-repeat:no-repeat;
	height:28em;
}
#cuerpo #plano{
	background-image:url(../imagenes/maqueta.jpg);
	background-repeat:no-repeat;
	height:28em;
}
#cuerpo #torre{
	background-image:url(../imagenes/torre.jpg);
	background-repeat:no-repeat;
	height:28em;
}
#cuerpo #torre .primero, #cuerpo #plano .primero{
	padding-top:1em;
	max-width:32em;
}
#cuerpo #torre p, #cuerpo #plano p{
	padding-left:1em;
	max-width:32em;
}

h2{
	text-decoration:underline;
}
h3{
	text-decoration:none;
}
h3 span{
	text-decoration:none;
	color:#FF8000;
	background-color:inherit;
}
h3 span:hover{
	text-decoration:underline;
}

#cuerpo .foto{
	width:15em;
	height:15em;
}
#cuerpo .foto2{
	width:11.40em;
	height:9em;
}
#cuerpo .foto3{
	width:10em;
	height:8em;
}
#cuerpo .foto4{
	width:11.40em;
	height:8em;
}
#cuerpo .foto5{
	width:12em;
	height:12em;
}
#cuerpo .foto1{
	width:36em;
	height:14em;
}
#cuerpo .foto1 img{
	border:0em;
}

#cuerpo .siguiente{
	position:absolute;
	left:60%;
	top:69%;
}
#cuerpo .volver{
	position:absolute;
	left:50%;
	top:69%;
}
#cuerpo .anterior{
	position:absolute;
	left:40%;
	top:69%;
}

#cuerpo .anterior img{
	border:0em;
}
#cuerpo .volver img{
	border:0em;
}
#cuerpo .siguiente img{
	border:0em;
}
#cuerpo ul li{
	margin-left:1em;
}
#cuerpo ul .sinestilo{
	list-style:none;
	margin-left:0em
}
#cuerpo ul .sinestilo img{
	border:0em;
}
#cuerpo ul li{
	padding-top:1em;
}
#cuerpo .sinjustificar{
	text-align:left;
}
/************ FIN CUERPO *****************/









/* ************************ *
   *        PIE             *
   ************************ */
#pie{
	text-align:center;
}


/* ************************ *
   *       CAJA MENSAJE     *
   ************************ */
.mensaje1, .mensaje2{
	text-align:left;
	width:20%;
	margin-top:0em;
	background-color:#DDDDDD;
	color:inherit;
	display:block;
	float:left;
	height:132px;
	font-size:115%;
}
.mensaje2{
	margin-left:2.5em;
	width:22%;
}
.mensaje1 strong, .mensaje2 strong{
	font-size:130%;
	color:#FF8000;
	background-color:inherit;
	position:relative;
	top:0.3em;
	left:0.2em;
}
.mensaje1 p, .mensaje2 p{
	padding:0.5em;
}
/******* FIN CAJA MENSAJE ***********/


#copy{
	position:relative;
	right:3em;
	top:1em;
}
#calidad{
	position:relative;
	top:1.5em;
}
/************ FIN PIE *****************/