@charset "utf-8";
/* CSS Document ******************************************************************/

/* reset css ******************************************************************/
* {
	margin: 0; padding: 0
	}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	}
body {
	height:100%; /*auto;*/
    width: 100%;
	background: rgba(234,234,234,1.0);
	background-size: 100%;												   /*Fondo de la pagina (Gris)*/
	font-family: Arial, Helvetica, sans-serif;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
.clearfix {
    clear: both;
}
/*#centrarContenido { margin:0 auto 0 auto; width:100%; }*/

/* General ******************************************************************/
h1 {											/*Titulo menu ppal dentro del contenido*/
	font-family: "Ubuntu Mono";
	font-size: 26px;
	font-weight: normal;
	color: rgba(234,234,234,1.0);
	margin-left: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
	
}

h2 {
    font-family: "Ubuntu Mono";			/*Los siguientes de la lista*/
    font-size: 20px;
    color:rgba(234,234,234,1.0);
    padding-bottom: 10px;
    margin-left: 30px;
	
}

h3 {
    font-family: "Ubuntu Mono";
    font-size: 15px;
	color: #000;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}


h4 {
    font-family: "Ubuntu Mono";
    font-size: 10px;
	color: #000;
	margin-left: 20px;
	
}

/********* Divisiones Principal ******************************************************************/

/*Contenido de la pagina Index********************************************/
#contenedor {
	margin-left: -490px;
	margin-top: -290px;
	padding-left: 0;
	clear: both;
	position: absolute;
	top: 50%;
    left: 50%;
	width:960px;
}

#header {
	clear: both;
	position: relative;
	width: 100%;
	
	}

/*Contenido de la pagina Home********************************************/

/*#base {								      	/*Antiguo contenido*/
/*	clear: both;
	position: absolute;
	margin-left:-495px;						/*Centrado(990/2=-495)*/
/*	left: 50%;
/*	width:990px;							/*1000 de ancho -20px de margen a cada lado (10px) = 980)*/
/*	padding-left: 0;
    margin-top: -325px;			/*height: 650px, la mitad de la anchura width /2 */
/*    top: 50%;
	}
*/
#base{
	width: 100%;
	height: 100%;
	background: rgba(234,234,234,1.0);
	z-index: 100;
	position: absolute;
	display: block;
	/*overflow-x:hidden; overflow-y:hidden;			//quitar scroll*/
	
}
	
	 
		    
/*#header ->*/								/*Definido ya en la Index*/

#contenido {								/*Contenido del menu principal (los 4 cuadrados)*/
	clear: both;
	position: relative;
	width: 1280px;			/*1280*/	/*Para que se adapte de forma dinámica a la ventana del */
	margin-top: 95px;					/*navegador*/
	height: 440px;			/*460*/
	
}	

#footer {
	clear: both;
	position: relative;
	width: 1280px;
	height: 80px;
	margin-top: 10px;
	border-top: #000 1px solid medium; /*#CCC*/
	
	
}
    
/* Header ******************************************************************/
#logoPpal {
	display: block;
	width: 300px;
	height: 65px;
	position: relative;
	margin-top: 30px;
	margin-left: 30px;
	z-index: 2;
	background: url(../Imagenes/index_Imagenes/logo_300x66.png) top left no-repeat;
	}

#titulo {
	display: block;
	width: 550px;
	height: 65px;
	position: relative;
	margin-top: 30px;
	margin-left: 700px;
	z-index: 2;
	background:url(../Imagenes/inicio_Imagenes/tituloInicio.png) top left no-repeat;
	}
	
.slider {
	position: relative;
	top: 0;
	left: 10px;
	list-style: none;
	z-index: 1;
}
.slider img{
	position: absolute;
	top: 1px;
	left: 2px;
	z-index: 8;
	opacity: 0.0; /* Standar CSS */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); /* Parches IE */
	width: 960px;
	height: 550px;
	overflow: hidden;
}
.slider img.active {
    z-index:10;
    opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.slider img.last-active {
    z-index:9;
}

	

/****Contenedores de los menus *******
**************************************/

#proyectos {
	display: block;
	position: absolute;
	width: 570px;
	height: 200px;
	margin: 10px 30px 20px;
	overflow:hidden;
	}
	
	#proyectos a {display: block; width: 570px; height: 200px;}


#servicios {
	clear: both;
	display: run-in;
	position: absolute;
	width: 570px;
	height: 200px;
	left: 50%;
	margin: 10px 30px 20px;
	overflow:hidden;				/*para que cuando se haga pequeño no muestre la capa completa solo el contenido
			 							pequeño*/
	
	
	}

	#servicios a {display: block; width: 570px; height: 200px;}

#domotica {
	display: block;
	position: absolute;
	width: 570px;
	height: 200px;
	top: 50%;
	margin: 20px 30px 0px;
	overflow:hidden;
	}

	#domotica a { display: block; width: 570px; height: 200px;}

#contacto {
	display: block;
	position: absolute;
	width: 570px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: 20px 30px 0px;
	overflow:hidden;
	}

	#contacto a { display: block; width: 570px; height: 200px;}



/* Los cuatro Menus ******************************************************************/

#menuProyectos {}

#menuServicios {}

#menuDomotica {}

#menuContacto {}

.menu {
	display: block;
	margin: 0 auto;
	width: 550px;
	height: 180px;
	padding: 20px;
	color: #000;
	list-style:none;
	pointer-events: none;
	}

.menuNiv1 {
    float: left;
	margin-top: 10px;
	margin-left: 30px;
    margin-bottom: 7px;
	
}
.menuNiv1 ul {
    display: block;
    width: 400px;
	list-style:none;
}
.menuNiv1 li {
    font-family: "Humanst521LtBTLight";
    font-size: 20px;
    
}
.menuNiv1 a {
    font-family: "Humanst521LtBTLight";
    font-size: 15px;
    color: #000;
}
/*.menuNiv1 a:hover {		/*hover: cuando pasas por encima de <a> se vuelve rojo*/
/*    color: #900;
}*/

.menuActivo {
    color: #900;
}
.niv2ultimo {
    width: auto !important;
}



/** Menus Minis ***********************/

#proyectosMini {}
	#proyectoMini a { display: block; width: 192px; height: 66px; }
	#menuProyectosMini {}
	
	
#serviciosMini {}
	#serviciosMini a { display: block; width: 192px; height: 66px;}
	#menuServiciosMini {}

#domoticaMini {}
	#domoticaMini a { display: block; width: 192px; height: 66px;}
	#menuDomoticaMini {}
	
#contactoMini {}
	#contactoMini a { display: block; width: 192px; height: 66px;}
	#menuContatoMini {}

#inicioMini {position: absolute; top:535px;}
	#inicioMini a { display: block; width: 192px; height: 66px;}
	#menuInicioMini {}

.mini { 
	float:left;					/*Para que se dispongan unos al lado del otro*/
	display:none;				/*Para que no aparezcan nada más abrir la página*/
	width: 192px;
	height: 66px; 
	margin-left: 90px;
	margin-top: 30px;
	opacity: 0.6;
	 } 

.menuMini {
	display: block;
	position: relative;
	color: #000;
	list-style: none;
	pointer-events: none;
	
	}
	
	
/*
	
.menuMini p{
	font-family: "Humanst521LtBTLight";
    font-size: 5px;
	color: #000;
	
}

.menuNiv1Mini {
    float: left;
	margin-top: 10px;
	/*margin-left: 15px;
    margin-bottom: 7px;*/
	
/*}
.menuNiv1Mini ul {
    display: block;
    width: 100px;
	list-style:none;
}
.menuNiv1Mini li {
    font-family: "Humanst521LtBTLight";
    font-size: 5px;
    
}
.menuNiv1Mini a {
    font-family: "Humanst521LtBTLight";
    font-size: 5px;
    color: #000;
}
*/

/**************Contenido de galeria de fotografias **************/

#contenidoGaleria {
	display:none;
	/*clear: both;*/
	position: relative;
	width: 1220px;
	height: 440px; 
	margin-top: -430px;			/*Como esta en posición relativa se pondria debajo de contenido y la quiero encima*/
	margin-left: 30px;
	border: 2px solid #848484;		
	z-index:3;
		 					
}

.box{
	display:block;
	float:left;
	width: 168.33px;
	height: 84.2px;
	margin-top: 30px;
	margin-left: 30px;
	background-size:100%;
	border: 2px solid #848484;
	overflow:hidden;
	}


.box a {
	display:block;
	width:168.33px;
	height: 84.2px;
	background-size:100%;
	}
	


.boxNone {
	display:none;
	clear: both;
	position: absolute;
	width: 1220px;
	height: 516px;
	margin-top: 30px;
	margin-left: 60px;
	overflow:hidden;
	}
.boxNone a{display:none; width: 1220px; height: 516px; background-size:100%;}
	


/**************Contenido de la pagina Contacto **************/

/**************Informacion de contacto y formulario **********************/


#contactoInfo{
	display:none;
	clear: both;
	position: relative;
	width: 547.5px;
	height: 375px;
	margin-top: -430px;
	margin-left: 30px;
	padding:30px 30px 30px 30px;
	z-index:3;
	/*overflow:hidden;*/
	}

td.title{ font-size:26px; padding:0 0 4px 0; color:#585858;  line-height:26px; font-weight:normal;}
td.contenidoTabla { font-size:12px; padding:0 0 4px 0; color:#585858;  line-height:15px; font-weight:normal;}
td.contenidoTabla a{ font-size:15px; padding:0 0 4px 0; color:#DBA901;  line-height:15px; font-weight:normal;}
td.contenidoTfno { font-size:15px; padding:0 0 4px 0; color:#585858;  line-height:15px; font-weight:normal;}

					/*----userforms--*/

.contact_email .inputbox {margin:2px 0 5px 0 !important; color:#848484; font-size:12px; 
							padding:2px 0 2px 0 !important;}


textarea {resize: none;}		/*Para que no se pueda agrandar el campo de texto*/

input.inputbox, textarea{ border-top:2px solid #848484; border-left:2px solid #848484; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; background:rgba(234,234,234,1.0); color:#848484;}

a{color:#DBA901; /*text-decoration:underline;*/}
a:hover {color:#DBA901; text-decoration:none;}


/************** Resto de Información (capa derecha) **********************/
#contactoResto {
	display:none;
	clear: both;
	position: relative;
	width: 547.5px;
	height: 375px;
	margin-top: -430px;
	margin-left: 637.5px;
	padding:30px 30px 30px 30px;	
	z-index:3;
	overflow:hidden;
	}
	
td.title2{ font-size:26px; padding:0 0 4px 4px; color:#585858;  line-height:26px; font-weight:normal;}
.title3{ text-align:center; font-size:26px; padding:0 0 4px 4px; color:#585858;  line-height:26px; font-weight:normal;}

#filosofia {
	display:block;
	clear: both;
	position:relative;
	width: 270px;
	height: 38px;
	margin-top: 30px;
	padding:30px 30px 30px 30px;	
	z-index:3;
	overflow:hidden;
	background: rgba(234,234,234,1.0);
	border-top:2px solid #FFFFFF; 
	border-left:2px solid #FFFFFF; 
	border-right:2px solid #848484; 
	border-bottom:2px solid #848484;
	}
	
#filosofia a { display: block; width: 270px; height: 38px;}
.parrafo p{ text-align:justify; font-size:12px; padding:0 0 4px 4px; color:#585858;  line-height:16px; font-weight:normal;}
.nombrePaisajista{font-size:16px; padding:0 0 4px 4px; color:#585858;  line-height:26px; font-weight:normal;}
td.titleFilosofia{ font-size:26px; padding:0 0 4px 4px; color:#585858;  line-height:26px; font-weight:normal;}
	
#paisajista {
	display:block;
	clear: both;
	position:relative;
	width: 270px;
	height: 38px;
	margin-top: 35px;
	padding:30px 30px 30px 30px;	
	z-index:3;
	overflow:hidden;
	background: rgba(234,234,234,1.0);
	border-top:2px solid #FFFFFF; 
	border-left:2px solid #FFFFFF; 
	border-right:2px solid #848484; 
	border-bottom:2px solid #848484;	
	}
	
#paisajista a { display: block; width: 270px; height: 38px;}
	
	
	
	
	
	
	
	
	


/******************/
dl.contentpane	dt {
	padding:30px 0px 20px 0px; /*10px 0px 20px 0px;*/
}
dl.contentpane	dd {
	width:100%;
	overflow:hidden;
}
dl.contentpane	div {
	vertical-align:middle
}
dl.contentpane .description {
	width:120px;
	padding:7px 0px 0px 0px;
}
dl.contentpane .input-field {
	width:160px;
	padding:2px 0px 0px 0px;
}
dl.contentpane .input-field #email{background:none repeat scroll 0 0 #2B2926;
border:1px solid #000000;
color:#73A013;
height:29px;
line-height:27px;
margin:0;
padding:0 0 0 5px !important; width:145px;
font-size:13px;
}
dl.contentpane .button-field {
	width:140px;
	padding:2px 0px 0px 0px;
}

-*/






/* Contenido ********************************************************************************************************/
/* General *********************************************************************************************************/
.imgRight {
    float: right;
    margin-left: 30px;
    height: 330px;
}
.txtLeft {
    display: block !important;
    width: 360px !important;
}
.txtLeft p {
    display: block !important;
    width: 360px !important;
}
.lnkSimple {
    text-decoration: underline;
    color: #555;
}
.lnkSimple:hover {
    text-decoration: underline;
    color: #900;
}
.lnkPdf {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 16px;
	background: url(../icoPdf.png) top left no-repeat;
    color: #555;
}
.lnkPdf:hover {
    background-position: bottom left;
    text-decoration: underline;
    color: #900;
}
.lnkZip {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 16px;
	background: url(../icoZip.png) top left no-repeat;
    color: #555;
}
.lnkZip:hover {
    background-position: bottom left;
    text-decoration: underline;
    color: #900;
}
.lnkFb {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 16px;
	background: url(../icoFb.png) top left no-repeat;
    color: #555;
}
.lnkFb:hover {
    background-position: bottom left;
    text-decoration: underline;
    color: #900;
}
.lnkWeb {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 16px;
	background: url(../icoWeb.png) top left no-repeat;
    color: #555;
}
.lnkWeb:hover {
    background-position: bottom left;
    text-decoration: underline;
    color: #900;
}
.lnkPag {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 16px;
	background: url(../icoPag.png) top left no-repeat;
    color: #555;
}
.lnkPag:hover {
    background-position: bottom left;
    text-decoration: underline;
    color: #900;
}

/* Home */
.bgHome {
    background-image: url(file:///C|/Users/Rebeca/Documents/doc/images/home/bgHome.jpg);
    background-position: 0 10px;
    background-repeat: no-repeat;
}
.txtHomePpal {
    position: absolute;
    top: 100px;
    left: 400px;
    width: 500px;
    font-family: "Humanst521LtBTLight";
    font-size: 24px;
    text-transform: uppercase;
    line-height: 100%;
    color: #FFF;
}
.txtHomeFirma {
    position: absolute;
    top: 270px;
    left: 400px;
    display: block;
    width: 540px;
    padding-top: 15px;
    border-top: #FFF 1px solid;
    font-family: "Humanst521LtBTLight";
    font-size: 12px;
    color: #FFF;
}

/* Introduccion */
.menuImgIntro {
    float: right;
    width: 513px;
    margin-left: 20px;
}
.menuImgIntro li {
    float: left;
    padding-left: 11px;
    padding-bottom: 8px;
}
.menuImgIntro img {
    width: 160px;
    height: 160px;
}

/* Equipo y Clientes */
.sliderInt {
    position: relative;
    display: block;
    float: right;
    margin-left: 30px;
    width: 500px;
    height: 330px;
    list-style:none;
}
.sliderInt img{ 
	position: absolute;
    top: 0;
    right: 0;
    z-index:8;
    opacity: 0.0; /* Standar CSS */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); /* Parches IE */
    width: 500px;
	height: 330px;
	overflow: hidden;
}
.sliderInt img.active {
    z-index:10;
    opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.sliderInt img.last-active {
    z-index:9;
}

/* Proyectos */
.menuImgProy {
    display: block;
    float: right;
    width: 520px;
    margin-left: 20px;
}
.menuImgProy li {
    display: inline-block;
    float: left;
    padding-left: 12px;
    padding-bottom: 5px;
}
.menuImgProy img {
    display: inline-block;
    width: 115px;
    height: 103px;
}
.menuImgProy a {
    display: inline-block;
    border: #FFF 1px solid;
    width: 115px;
    height: 103px;
}
.menuImgProy a:hover {
    border: #494949 1px solid;
}
.baseGris {
    display: inline-block;
    border: #FFF 1px solid !important;
    width: 115px;
    height: 103px;
    background: url(../baseGris.png) top left;
}
.imgProyB {
    float: right;
    margin-left: 20px;
    width: 500px;
    height: 330px;
}
.menuImgSlide {
    position: absolute;
    top: 258px;
    left: 0;
}
 /* Tabs */
.tabSlider li {
   float: left;
   margin: 0;
   padding: 0;
}
.tabSlider a {
    font-family: "Humanst521LtBTLight";
    font-size: 10px;
    color: #494949;
}
.tabSlider a:hover {
    font-family: "Humanst521LtBTLight";
    font-size: 10px;
    color: #900;
}
.tabActivo a {
    color: #900;
}
.contImgSlider {
    position: absolute;
    top: 10px;
    left: -1px;
}
.contImgSlider img {
    border: #FFF 1px solid;
    width: 60px;
    height: 60px;
}
.contImgSlider img:hover {
    border: #494949 1px solid;
}
/* Slider de proyectos */
#imgSlider1, #imgSlider2, #imgSlider3, #imgSlider4 {
    position: absolute;
    top: 10px;
    left: -2px;
}	
#imgSlider1 ul, #imgSlider1 li, #imgSlider2 ul, #imgSlider2 li, #imgSlider3 ul, #imgSlider3 li, #imgSlider4 ul, #imgSlider4 li{
	list-style:none;
	}
#imgSlider1 li, #imgSlider2 li, #imgSlider3 li, #imgSlider4 li{  
	width:360px;
	height:72px;
	overflow:hidden; 
	}
#imgSlider1 a, #imgSlider2 a, #imgSlider3 a, #imgSlider4 a{  
	padding: 0 3px 0 3px;
	}
p#controls1, p#controls2, p#controls3, p#controls4 {
	margin:0;
	position:relative;
	}
#prevBtn1, #nextBtn1, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4{ 
	display:block;
	margin:0;
	overflow:hidden;		
	width: 5px;
	height: 9px;
	position: absolute;
	left: -15px;
	top: 45px;
	}	
#nextBtn1, #nextBtn2, #nextBtn3, #nextBtn4{ 
	left: 360px;
	}														
#prevBtn1 a, #nextBtn1 a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a{  
	display:block;
	width:5px;
	height:9px;
    font-size: 14px;
    color: #494949;
    text-indent: -9999px;
    background: url(file:///C|/Users/Rebeca/Documents/layout/btnPrev.png) top left no-repeat;
	}	
#nextBtn1 a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a{ 
    font-size: 14px;
    color: #494949;
    background: url(file:///C|/Users/Rebeca/Documents/layout/btnNext.png) top left no-repeat;
	}
#prevBtn1 a:hover, #nextBtn1 a:hover, #prevBtn2 a:hover, #nextBtn2 a:hover, #prevBtn3 a:hover, #nextBtn3 a:hover, #prevBtn4 a:hover, #nextBtn4 a:hover {
    font-size: 14px;
    color: #900;
    background-position: bottom left;
}	

/* Slider de video (items) */
.video-link {
    position: relative;
    display: block;
    padding: 5px 5px 25px;
    width: 140px;
    height: 115px;
    background: url(../bg_imagen.jpg) top left no-repeat;
}
.imagen {
    position: relative;
    display: block;
}
.pulga {
    position: absolute;
    top: 0;
    left: 0;
}

/* Lightbox de proyectos */
#fancybox-outer {
    top: -10px;
    left: 100px;
}
#imgProyC-title {
    display: block;
    height: 15px;
    text-align: left;
}
#imgProyC-title b {
    display: block;
    margin-right: 80px;
    padding-left: 5px;
    font-family: "Humanst521LtBTLight";
    font-size: 16px;
    color: #494949;
}
#imgProyC-close {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(file:///C|/Users/Rebeca/Documents/layout/btnClose.png) top left no-repeat;
    }
#imgProyC-close:hover {
    background-position: bottom left;
}
#imgProyC-prev {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(file:///C|/Users/Rebeca/Documents/layout/btnPrev.png) top left no-repeat;
    }
#imgProyC-prev:hover {
    background-position: bottom left;
}
#imgProyC-next {
    float: right;
    margin-top: 5px;
    padding-right: 5px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(file:///C|/Users/Rebeca/Documents/layout/btnNext.png) top left no-repeat;
    }
#imgProyC-next:hover {
    background-position: bottom left;
}

/* Noticias y Publicaciones ******************************************************************/
#lstNoticias {
    display: block;
    width: 600px;
    margin-left: 325px;
    margin-bottom: 10px;
}
.lstPublicaciones {
    width: 570px !important;
    margin-left: 355px !important;
}
#lstNoticias img {
    padding-top: 4px;
    height: 70px;
}
#lstNoticias div {
    display: block;
    float: right;
    width: 495px;
}
#lstNoticias h3 {
    margin: 0;
    padding: 0;
    font-family: "Humanst521LtBTLight";
    font-size: 16px;
    color: #494949;
}
#lstNoticias p {
    text-align: justify;
}
#lnkPublicaciones {
    position: absolute;
    bottom: 0;
    right: 0;
}
.noticiaDet {
    display: block;
    float: right;
    width: 500px;
}
.noticiaDet h3 {
    margin: 0;
    padding: 0;
    font-family: "Humanst521LtBTLight";
    font-size: 16px;
    color: #494949;
}
.noticiaDetImg {
    height: 330px;
}
.volverNot {
    position: absolute;
    top: 325px;
    left: 430px;
    font-family: "Humanst521LtBTLight";
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
}
.volverNot:hover {
    text-decoration: underline;
    color: #900;
}
   
/* Footer ******************************************************************/
.footerProv {
    position: absolute;
    display: block;
    top: 7px;
    left: 0;
    font-family: "Humanst521LtBTLight";
    font-size: 10px;
    text-align: left;
}
.footerProv a {
    padding-left: 30px;
    font-family: "Humanst521LtBTLight";
    font-size: 10px;
}
.footerProv a:hover {
    text-decoration: underline;
    color: #900;
}
.lstLang {
    position: absolute;
    top: 7px;
    right: 0;
}
.lstLang li {
    float: left;
}
.lstLang input {
    display: inline-block;
    padding: 0 10px 0 6px;
    margin: 0;
    height: 13px;
    background: url(../bullLang.png) center left no-repeat;
    font-family: "Humanst521LtBTLight";
    font-size: 10px;
    color: #494949;
    cursor: pointer;
}
.lstLang a:hover {
    color: #900;
}

/* redes sociales */
.lst-social {
    display: block;
    padding: 7px 0 0 30px;
    height: 40px;
}
.lst-social li {
    float: left;
    margin-right: 15px;
}

.footer_fb {
    background: url(../ico_fb.png) left bottom no-repeat;
    height: 13px;
    width: 7px;
    text-indent:-9999px;
    position: absolute;
    display: block;
    top: 7px;
    left: 70px;
}
.footer_fb:hover {
    background: url(../ico_fb.png) left top no-repeat;
}

.footer_tw {
    background: url(../ico_tw.png) left bottom no-repeat;
    height: 13px;
    width: 20px;
    text-indent:-9999px;
    position: absolute;
    display: block;
    top: 7px;
    left: 85px;
}
.footer_tw:hover {
    background: url(../ico_tw.png) left top no-repeat;
}

/* NavInfo ******************************************************************/
#navInfo {
    display: none;
    margin-left:-415px;
    margin-top: -75px;
	clear:both;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
	width:840px;
    height: 150px;
    background: url(../warning.jpg) bottom right no-repeat;
    border: #900 3px solid;
}
#navInfo p {
    padding: 10px 10px 20px;
    font-size: 18px;
    color: #494949;
    text-align: center;
}
#cerrarNavInfo {
    float: right;
    padding: 5px;
    font-size: 12px;
    color: #900;
}
#navInfo ul {
    list-style: none;
}
#navInfo li {
    float: left;
    padding: 10px;
}
#navInfo img {
    border: #494949 1px solid;
}
#navInfo img:hover {
    border: #900 1px solid;
}
