/*

Hoja principal de estilo de:
 _____  __    __  _____   _____   _____    _____   _____   _       ___  
| ____| \ \  / / |  _  \ | ____| |  _  \  |_   _| |_   _| | |     /   | 
| |__    \ \/ /  | |_| | | |__   | |_| |    | |     | |   | |    / /| | 
|  __|    }  {   |  ___/ |  __|  |  _  /    | |     | |   | |   / / | | 
| |___   / /\ \  | |     | |___  | | \ \    | |     | |   | |  / /  | | 
|_____| /_/  \_\ |_|     |_____| |_|  \_\   |_|     |_|   |_| /_/   |_| 

www.experttia.com

/**************************************************************************************************************/
/************************************************ Generales ***************************************************/
/**************************************************************************************************************/ 

body {
	height:100%;
	margin: 0;
	padding: 0;
	font: normal 11px/18px Tahoma, Arial, sans-serif;
	text-align: justify;
}

img {
	border: 0;
}

.limpiar {
	clear: both;
	line-height: 0px;
}

#fondo {
	background: #e0e0e0;
	width: 100%;
	position:absolute;
	height: 100%;
}


#fondo #entorno_inicio {
	background: transparent url('/img/ini_fnd01.jpg') no-repeat 0 0;
	width: 803px;
	height: 618px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px;
}

#fondo #entorno {
	background: transparent url('/img/gen_fnd01.jpg') no-repeat 0 0;
	width: 803px;
	height: 618px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px;
}

#fondo #entorno_inicio #contenido, #fondo #entorno #contenido {
	margin: 30px 0 0 30px;
	width: 743px;
	height: 558px;
}

#fondo #entorno_inicio #contenido #logo, #fondo #entorno #contenido #logo {
	background: transparent url('/img/gen_logo.gif') no-repeat 0 0;
	width: 211px;
	height: 65px;
	margin: 0 0 0 16px; /* Cambia para I.E. */
	float: left;
}

#fondo #entorno_inicio #contenido #logo a, #fondo #entorno #contenido #logo a {
	height:0;
	padding-top:65px;
	overflow:hidden;
	display:block;
}

#fondo #entorno #contenido #columna {
	width: 205px;
	height: 480px;
	float: left;
	padding: 20px 0 0 17px;
}

#fondo #entorno #contenido #columna #submenu {
	width: 205px;
	height: 100px;
	margin: 216px 0 0 0; /* Cambia para I.E. 7 */
}

#fondo #entorno #contenido #info {
	width: 500px;
	height: 360px;
	float: left;
	padding: 10px 0 0 20px;
}

#fondo #entorno #contenido #info p {
	color: #404040;
	margin: 0 10px 0 0;
	padding: 0;
	text-indent: 10px;
}

#fondo #entorno #contenido #info center {
	color: #000;
}

#fondo #entorno #contenido #info a {
	color: #404040;
	text-decoration: underline;
}

#fondo #entorno #contenido #info a:hover {
	color: #000;
	text-decoration: none;
}

#fondo #entorno #contenido #info ul {
	padding: 20px 0 0 0;
}

#fondo #entorno #contenido #info li {
	background: transparent url('/img/gen_bul02.gif') no-repeat 20px 5px;
	padding: 0 10px 10px 35px;
	color: #000;
}

#submenu a {
	color: #404040;
	text-decoration: underline;
}

#submenu a:hover {
	color: #000;
	text-decoration: none;
}


/**************************************************************************************************************/
/*********************************************** Presentación *************************************************/
/**************************************************************************************************************/ 

#presentacion {
	position:absolute;
	top:50%;
	left:50%;
	width:325px;
	height:356px;
	margin-left:-164px;
	margin-top:-220px;
	background: transparent url('/img/pre_foto01.jpg') no-repeat 0 0;
}

#presentacion #texto {
	color: #727272;
	padding: 20px 0 0 0;
}

#presentacion p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#presentacion a {
	height:0;
	padding-top:356px;
	overflow:hidden;
	display:block;
}

#presentacion #texto a {
	height: auto;
	display: normal;
	padding: 0;
	text-decoration: none;
	color: #727272;
}

#presentacion #texto a:hover {
	color: #000;
}

#presentacion .gris {
	color: #ccc;
	font-size: 130%;
	margin: 10px 0 0 0;
}

/**************************************************************************************************************/
/************************************************** Inicio ****************************************************/
/**************************************************************************************************************/ 

#fondo #entorno_inicio #contenido #columna_inicio {
	width: 300px;
	height: 350px;
	float: left;
	padding: 20px 0 0 17px;
}

#fondo #entorno_inicio #contenido #columna_inicio p {
	color: #404040;
	line-height: 18px;
	margin: 0;
}

#fondo #entorno_inicio #contenido #columna_inicio li {
	color: #404040;
	line-height: 18px;
}

#fondo #entorno_inicio #contenido #columna_inicio ul {
	margin: 15px 0 0 0;
	padding: 0;
	width: 270px;
}

#fondo #entorno_inicio #contenido #columna_inicio li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	background: transparent url('/img/gen_bul01.gif') no-repeat 0 0; /* Cambia para I.E. */
}

#fondo #entorno_inicio #contenido #columna_inicio a {
	color: #404040;
	text-decoration: underline;
}

#fondo #entorno_inicio #contenido #columna_inicio a:hover {
	color: #000;
	text-decoration: underline;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup {
	width: 271px;
	height: 185px;
	background: transparent url('/img/ini_popup.png') no-repeat 0 0;
	position: absolute;
	top:50%;
	left:50%;
	width:271px;
	margin-left:-120px;
	margin-top:-80px;
	display: none;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup .tapa {
	background: #fff;
	width: 244px;
	height: 155px;
	margin: 10px 0 0 10px;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup p {
	margin: 7px 15px 0 20px;
	padding: 0;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup p.titulo {
	color: #d21d2c;
	font-weight: bold;
	margin: 0px 35px 0 20px;
	padding: 10px 0 0 0;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup p.titulo a {
	color: #d21d2c;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup p.titulo a:hover {
	color: #404040;
}

#fondo #entorno_inicio #contenido #columna_inicio #popup .cerrar {
	float: right;
	margin: -18px 12px 0 0;
}

#fondo #entorno_inicio #contenido #info_inicio {
	width: 405px;
	height: 360px;
	float: left;
	padding: 10px 0 0 20px;
}

#fondo #entorno_inicio #contenido #info_inicio #titulo1_inicio {
	background: transparent url('/img/ini_tit01.gif') no-repeat 0 0;
	width: 406px;
	height: 18px;
}

#fondo #entorno #contenido #info #titulo1, #fondo #entorno #contenido #info #titulo2, #fondo #entorno #contenido #info #titulo2a, #fondo #entorno #contenido #info #titulo2b, #fondo #entorno #contenido #info #titulo2c, #fondo #entorno #contenido #info #titulo2d, #fondo #entorno #contenido #info #titulo3, #fondo #entorno #contenido #info #titulo4, #fondo #entorno #contenido #info #titulo5 {
	width: 417px;
	height: 17px;
	margin: 1px 0 20px 72px;
}

#fondo #entorno_inicio #contenido #info_inicio .texto .titulo {
	color: #d21d2c;
	font-weight: bold;
	margin: -5px 0 0 0;
}

#fondo #entorno_inicio #contenido #info_inicio .texto .titulo a {
	color: #d21d2c;
}

#fondo #entorno_inicio #contenido #info_inicio #fotos {
	margin: 15px 0 0 0;
}

#fondo #entorno_inicio #contenido #info_inicio .foto {
	width: 78px;
	height: 66px;
	float: left;
	margin: 0 15px 15px 0;
}

#fondo #entorno_inicio #contenido #info_inicio .texto {
}

#fondo #entorno_inicio #contenido #info_inicio .texto p {
	margin: 0 15px 0 0;
	padding: 0;
	line-height: 18px;
	color: #404040;
}

/**************************************************************************************************************/
/*********************************************** Experttia ****************************************************/
/**************************************************************************************************************/ 

#fondo #entorno #contenido .foto1 {
	background: transparent url('../img/exp_img01.gif') no-repeat right 25px;
}

#fondo #entorno #contenido #info #titulo1 {
	background: transparent url('/img/exp_tit01.gif') no-repeat 0 0;
}

/**************************************************************************************************************/
/*********************************************** Servicios ****************************************************/
/**************************************************************************************************************/ 

#fondo #entorno #contenido .foto2 {
	background: transparent url('/img/ser_img01.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido .foto2a {
	background: transparent url('/img/ser_img02.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido .foto2b {
	background: transparent url('/img/ser_img03.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido .foto2c {
	background: transparent url('/img/ser_img04.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido .foto2d {
	background: transparent url('/img/ser_img05.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido .foto2e {
	background: transparent url('/img/ser_img06.jpg') no-repeat right 25px;
}

#fondo #entorno #contenido #info #titulo2 {
	background: transparent url('/img/ser_tit01.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #titulo2a {
	background: transparent url('/img/ser_tit02.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #titulo2b {
	background: transparent url('/img/ser_tit03.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #titulo2c {
	background: transparent url('/img/ser_tit04.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #titulo2d {
	background: transparent url('/img/ser_tit05.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #titulo2e {
	background: transparent url('/img/ser_tit06.gif') no-repeat 0 0;
}

#fondo #entorno #contenido #info #recuadro {
	color: #d07a80;
	font-size: 130%;
	font-weight: bold;
	width: 176px;
	height: 63px;
	background: transparent url('/img/ser_precio.jpg') no-repeat 0 0;
	margin: 0 0 0 150px;
	padding: 22px 0 0 0;
	text-align: center;
}

/**************************************************************************************************************/
/******************************************** Instalaciones ***************************************************/
/**************************************************************************************************************/ 

#fondo #entorno #contenido .foto3 {
	background: transparent url('/img/ins_img01.gif') no-repeat right 25px;
}

#fondo #entorno #contenido #info #titulo3 {
	background: transparent url('/img/ins_tit01.gif') no-repeat 0 0;
}

/**************************************************************************************************************/
/*********************************************** Contacto *****************************************************/
/**************************************************************************************************************/ 

#fondo #entorno #contenido .foto4 {
	background: transparent url('/img/con_img01.gif') no-repeat right 25px;
}

#fondo #entorno #contenido #info #titulo4 {
	background: transparent url('/img/con_tit01.gif') no-repeat 0 0;
}

#fondo #entorno #contenido .formulario {
	float: left;
	width: 500px;
	padding: 0 auto 0 auto;
	margin: 20px 0 20px 0; /* Cambia para I.E. */
}

#fondo #entorno #contenido .formulario p {
	margin: 0;
	padding: 0;
 	color: #404040;
	margin: 5px 0 0 0px;
}

#fondo #entorno #contenido .formulario input {
	font: normal 100% Tahoma, Arial, sans-serif;
	border: 1px solid #aaa;
	background: #fff;
	color: #404040;
	padding: 2px;
	margin: 0px 0 5px 5px;
	width: 211px;
}

#fondo #entorno #contenido .formulario .tam1 {
	width: 100px;
}

#fondo #entorno #contenido .formulario input:hover, #fondo #entorno #contenido textarea:hover {
	background: #f8f8f8;
}

#fondo #entorno #contenido .formulario input:focus, #fondo #entorno #contenido textarea:focus {
	background: #efefef;
}

#fondo #entorno #contenido .formulario .tam1 {
	width: 100px;
}

#fondo #entorno #contenido .formulario center {
	padding: 0 0 0 50px;
}

#fondo #entorno #contenido textarea {
	width: 211px;
	height: 50px;
	font: normal 100% Tahoma, Arial, sans-serif;
	border: 1px solid #aaa;
	padding: 2px;
	margin: 0px 0 0 5px;
	color: #404040;
}

#fondo #entorno #contenido .formulario label {
	width: 150px;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 19px;
	text-align: right;
}

#fondo #entorno #contenido .enviar {
	padding: 0 0 20px 250px;
}