/* Internet Explorer 5.5, 6, 7 y los que vengan.... 
-moz-opacity:0.5;           Mozilla 1.6 e inferior 
opacity: 0.5;                Mozilla CSS-3 
filter:alpha(opacity=50);  
*/
 
/* Estilos base */
a{font-size:11px;color:#ffffff;font-family:arial; text-decoration:none;}

/* INDEX.PHP */
#CentradoIndex{position:absolute;top:50%;left:50%;height:10.78em;margin-left:-12.565em;margin-top:-5.39em;width:25.13em;}
.fondoCuadraditos{background-image:url(../images/nuevo_cuadraditos_index_logo.gif); background-repeat:no-repeat; width:400px;height:240px;}

#txt_espanol {color:#ffffff;position:absolute;top:70px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_espanol:link{color:#ffffff;position:absolute;top:70px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_espanol:hover {color:#CC66CC; position:absolute;top:70px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px;}

#txt_english {color:#ffffff;position:absolute;top:70px;left:260px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_english:link{color:#ffffff;position:absolute;top:70px;left:260px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_english:hover {color:#CC66CC;position:absolute;top:70px;left:260px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }

#txt_francais {color:#ffffff;position:absolute;top:125px;left:245px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_francais:link{color:#ffffff;position:absolute;top:125px;left:245px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_francais:hover {color:#CC66CC;position:absolute;top:125px;left:245px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }

#txt_galego {color:#ffffff;position:absolute;top:125px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_galego:link{color:#ffffff;position:absolute;top:125px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }
a#txt_galego:hover {color:#CC66CC;position:absolute;top:125px;left:4px; text-transform:uppercase;font-size:14px;letter-spacing: 6px; }


/* CENTRADO DE LA POSICION DEL ESQUELETO DE LA WEB MAUROLOMBA */
#CentradoWeb{
position:absolute;
top: 50%;
left: 50%;
width:50em;
height:37.50em;
margin-top: -21.75em;
margin-left: -25em;

background-color:#111111;}

#CentradoWebPeque{
position:absolute;
top: 50%;
left: 50%;
width:50em;
height:18.75em;
margin-top: -9.375em;
margin-left: -25em;

background-color:#111111;}

#CentradoWebEstudio{position:absolute;top: 50%;left: 50%;width:50em;height:31.25em;margin-top: -15.625em;margin-left: -25em;background-color:#111111;}

/* ZONA NAVEGACION */
/*para poner la barra background-image:url(../images/fondo_barra_nav.gif);background-repeat:no-repeat; */
#navegacion{position:relative;left:10px;width:800px;height:100px;color:#ffffff;}

/* NAVEGACION ALTA Y BOTONES */
#navegacion #ContenedorBotones{position: relative; top: 50px; height:100px; display:inline; width:100%;}

/* botones individuales ESPAŅOL NORMAL */

#ContenedorBotones .btn_casasUnifamiliares{width:142px; display:inline; } 
#ContenedorBotones .btn_viviendaColectiva{ width:136px; display:inline; }
#ContenedorBotones .btn_rehabilitaciones{ width:130px; display:inline; }
#ContenedorBotones .btn_interiorismo{ width:116px; display:inline; }
#ContenedorBotones .btn_otros{ width:73px; display:inline; }

/* Con enlace */
#ContenedorBotones .btn_casasUnifamiliares a{font-size:11px;text-decoration:none;width:142px; display:inline; padding: 0 30px 0 0 ;margin:0;} 
#ContenedorBotones .btn_viviendaColectiva a{font-size:11px; text-decoration:none;width:136px; display:inline; padding-right: 30px; margin:0;}
#ContenedorBotones .btn_rehabilitaciones a{font-size:11px; text-decoration:none;width:130px; display:inline; padding-right: 30px; margin:0;}
#ContenedorBotones .btn_interiorismo a{font-size:11px;text-decoration:none; width:116px; display:inline; padding-right: 30px; margin:0;}
#ContenedorBotones .btn_otros a{font-size:11px;text-decoration:none; width:73px; display:inline; margin:0;padding-right: 30px;}

/* SECCION BOTONES ESTUDIO */
#ContenedorBotones .btn_maurolomba{width:142px; display:inline; } 
#ContenedorBotones .btn_filosofia{ width:136px; display:inline; }
#ContenedorBotones .btn_colaboradores{ width:130px; display:inline; }
#ContenedorBotones .btn_meritos{ width:103px; display:inline; }
#ContenedorBotones .btn_servicios{ width:89px; display:inline; }

/* Con enlace */
#ContenedorBotones .btn_maurolomba a{font-size:12px;text-decoration:none;width:142px; display:inline; padding: 0 45px 0 10px; margin:0;}
#ContenedorBotones .btn_filosofia a{font-size:12px; text-decoration:none;width:136px; display:inline; padding-right: 45px; margin:0;}
#ContenedorBotones .btn_colaboradores a{font-size:12px; text-decoration:none;width:130px; display:inline; padding-right: 45px; margin:0;}
#ContenedorBotones .btn_meritos a{font-size:12px;text-decoration:none; width:103px; display:inline; padding-right: 45px; margin:0;}
#ContenedorBotones .btn_servicios a{font-size:12px;text-decoration:none; width:89px; display:inline; padding-right: 10px; margin:0;}

/* CSS PARA GALERIA DE FOTOS */

#thumbnail-container {margin:10px 0 0 40px;padding:0;}
.clearfix {display:inline-block;}
ul.slides {border:1px solid #BED2D2;margin:0 0 10px;padding:0;}
ul.slides li {display:inline;float:left;width:100%;height:100%;margin:0 0 0 13px;padding:10px;text-align:center;}
ul.slides li a {display:block;}
ul.slides li img {background:#FFFFFF none repeat scroll 0 0;border:1px solid #01B4E2;padding:3px;}
.thumbnail img {padding: 5px;text-align: center;margin: 4px;background: #FFF;border-width: 1px;	border-color: #778899;}
.thumbnail a:hover img {border-width: 2px;border-color: #38c;margin: 3px;}
.photos {padding: 5px;margin: 3px;border-style: solid;border-width: 1px;border-color: #000000;}

/* TOOLTIP PARA EXTRAS EN MINIATURAS */
div#qTip { padding: 10px; border: 1px solid #780A71; display: none; background: #000;color: #FFF;font: bold 11px Arial;text-align: left; position: absolute;z-index: 1000;}
/* Textos en la galeria de fotos OBSOLETO */ 
#navegacion #contenedorInfoExtra{margin:0; display:inline;}

/* Texto galeria */
.txt_galeria{font-size:12px;color:#ffffff;font-family:arial; text-decoration:none;margin:0 100px 15px 0px;}
.txt_galeria a{font-size:12px;color:#ffffff;font-family:arial;text-decoration:none;margin:0 100px 15px 0px;}
.txt_galeria a:hover{font-size:12px;color:#ffffff;font-family:arial;text-decoration:none;margin:0 100px 15px 0px;}

/* Texto ficha */
.txt_verExtras{font-size:12px;color:#ffffff;font-family:arial; text-decoration:none;margin:0 55px 15px 10px;width:800px;}
.txt_verExtras a{font-size:12px;color:#ffffff;font-family:arial;text-decoration:none;margin:0 55px 15px 10px;width:800px;}
.txt_verExtras a:hover{font-size:12px;color:#ffffff;font-family:arial;text-decoration:none;margin:0 55px 15px 10px;width:800px;}

/* Texto para colorear los errores */
.txt_warning{font-size:15px;color:#780A71;font-family:arial;text-decoration:none;margin:20px 100px 0 0px; text-transform: uppercase; text-align: center !important; margin-top: 150px !important;}

/* SECCION CONTACTO (formulario) */
#contenedorFormulario{width:800px;margin-left:0; background-color:#111 !important;}

#contenedorFormulario .form{
position:absolute;top:5px;
right:325px;
margin:0;width:260px;background-color:#111 !important; color:#fff;}


/* INPUTS FORMULARIO */
#contenidoCentral #contenedorFormulario input{position:relative;width:120px;border:1px solid #fff; margin:5px 0px 5px 20px;font-size:11px;color:#ffffff;background-color:#111111;font-family:arial; text-decoration:none;}
#contenidoCentral #contenedorFormulario .inputName{position:absolute;top:0px;right:5px; width:160px;}
#contenidoCentral #contenedorFormulario .inputEmpresa{position:absolute;top:20px;right:5px;width:160px;}
#contenidoCentral #contenedorFormulario .inputTel{position:absolute;top:40px;right:5px;width:160px;}
#contenidoCentral #contenedorFormulario .inputMail{position:absolute;top:60px;right:5px;width:160px;}
#contenidoCentral #contenedorFormulario .inputAsunto{position:absolute;top:80px;right:5px;width:160px;}

/* TEXTAREA */
#contenedorFormulario textarea{background-color:#111111;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:arial;
font-size:11px;
position:relative;
right:-295px;
text-decoration:none;
top:-80px;
width:275px;
_top:-90px;
*top:-90px;}

#posTextarea{position:absolute;top:5px;right:-180px;width:180px}

/* TEXTOS FORMULARIO */
#contenedorFormulario .txt_nombre{position:absolute;top:5px;left:35px;font-size:11px;color:#fff;font-family:arial; text-decoration:none;}
#contenedorFormulario .txt_empresa{position:absolute;top:25px;left:35px;font-size:11px;color:#fff;font-family:arial; text-decoration:none;}
#contenedorFormulario .txt_telefono{position:absolute;top:45px;left:35px;font-size:11px;color:#fff;font-family:arial; text-decoration:none;}
#contenedorFormulario .txt_email{position:absolute;top:65px;left:35px;font-size:11px;color:#fff;font-family:arial; text-decoration:none;}
#contenedorFormulario .txt_asunto{position:absolute;top:85px;left:35px;font-size:11px;color:#fff;font-family:arial; text-decoration:none;}

/* BOTON ENVIO */
#contenedorFormulario .botonEnvio{border:1px solid #111111 !important;
cursor:pointer;
float:right;
right:-200px;
top:-80px;
width:55px !important;}
#contenedorFormulario .botonEnvio:hover{border:1px solid #780A71 !important;
cursor:pointer;
float:right;
right:-200px;
top:-80px;
width:55px !important;}

/* Bloque contenedor direccion postal */
#contenedorFormulario .bloqueDireccionPostal{position:relative;top:0px;left:0;border:0px solid #fff;background-color:#111;color:#fff;font-family:arial; text-decoration:none;width:200px;}

.txt_postal_ML{font-size:14px;color:#fff;font-family:arial; text-decoration:none;}
.txt_postal{font-size:11px;color:#fff;font-family:arial; text-decoration:none;margin:10px;}

/* MAPITAS EN SECCION CONTACTO */
.mapitas ul{margin-left:-10px; /* Alineado lateral izquierdo */
margin-right:15px;padding: 0;font:11px arial;list-style-type: none;}

.mapitas li{display: inline; margin: 0;}
.mapitas li a{background:#111111 none repeat scroll 0 0;
border:1px solid #111111;
color:white;
display:block;
float:left;
left:100px;
margin:0;
padding:5px 23px;
position:relative;
text-decoration:none; }


.mapitas li a:visited{color: #111;}
.mapitas li a:hover, .mapitas li.selected a{background: #111;border: 1px solid #780A71; margin:0;}
.Pderecha{text-align:center;}



#bloqueMapas{position:relative;top:-40px;width:150px;}

.txt_verMapas{background-color:#111111 !important;
color:#FFFFFF;
cursor:pointer;
font-family:arial;
font-size:11px;
left:7px;
position:relative;
text-decoration:none;
width:100px;top:25px;}

.txt_ocultarMapas{background-color:#111111 !important;
color:#FFFFFF;
cursor:pointer;
font-family:arial;
font-size:11px;
left:7px;
position:relative;
text-decoration:none;
width:100px;top:25px;}

#txt_Mensaje{float:right;width:400px;height:170px;margin-left:10px; background-color:#111 !important;color:#ffffff;font-family:arial;font-size:11px;}
#txt_Mensaje p {text-align:center !important;margin-top:20px;}


/* SECCION ESTUDIO */

#Contenedor_Estudio_Bio{position:absolute; top: 20px; left:190px;width:275px; text-align: justify;font-family:arial; text-decoration:none;font-size:11px;vertical-align:top;}

.txtBIO{color:#fff;}



#Contenedor_Estudio_CV{position:absolute;top:20px;left:285px;width:275px; text-align: justify;font-family:arial; text-decoration:none;font-size:11px;}


/* SCROLLER EN SECCION ESTUDIO */

		
		#bloque_principal p#cross-links { text-align: center }
		
		#bloque_principal p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 10px 0;
			position: relative;
			width: 100%;
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 270px; background: #111; overflow: hidden}
		.csw .loading {margin: 100px; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #fff; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 780px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto !important;
			clear: both;
			background-color: #111;
			font-size:11px;
			color:#fff;
			
		}
		
		.stripViewer .panelContainer { 
			
			/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 790px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding:10px 10px 10px 0;
			font-family:arial;
			color:white;
			font-size:11px;
			height:350px;
			width:800px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 50px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 16px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 5px;
		}
		
		.stripNav li.tab1 a { background: #111;position:absolute; top:-15px; left:13px; }
		.stripNav li.tab2 a { background: #111;position:absolute; top:-15px; left:160px; }
		.stripNav li.tab3 a { background: #111; position:absolute; top:-15px; left:270px; }
		.stripNav li.tab4 a { background: #111; position:absolute; top:-15px; left:400px; }
		.stripNav li.tab5 a { background: #111; position:absolute; top:-15px; left:530px; }
		.stripNav li.tab6 a { background: #111; position:absolute; top:-15px; left:680px; }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #780A71;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
* { margin: 0; padding: 0 }


/* CURRICULUM */

/* Contenedor */
#contenedor_CV{width:700px; height:300px !important; margin:5px;}

/* CABECERA */
.cabecera{display:block; text-transform: uppercase; width:695px; height:157px; border: 0px solid #fff; font-size:14px; font-family:arial; color: #fff; background: transparent url(../hs/images/retrato_Mauro.jpg) no-repeat scroll left top;}

.cabecera_2{display:block; text-transform: uppercase; width:695px; height:157px; border: 0px solid #fff; font-size:14px; font-family:arial; color: #fff; background: transparent url(../hs/images/mauro_derecha.jpg) no-repeat scroll left top;}

.cabecera span{margin:15px 5px 15px 5px;}
.cabecera_2 span{margin:15px 5px 15px 5px;}
.nombre{color:#FFFFFF; float:left; font-family:arial;font-size:11px;position:relative;top:150px;}
.arq_coag{float:left;font-size:11px;left:-88px;position:relative;top:165px;}


/* SECCIONES CV */

#bloque_principal{color:#FFFFFF;font-family:arial;height:300px !important;left:120px;position:relative;top:-150px;width:600px;}

/* titulo seccion */
.txtSeccion{font-weight:bold; font-size:14px; font-family:arial; color: #fff; margin:5px 0;}

/* texto seccion */
.txtContenido{font-size:11px; font-family:arial; color: #fff; line-height: 130%; text-align:justify;}
.fotoMauro img{width:150px; height:235px;}
.bloque_enlacitos{float:left; text-transform:none !important;font-size:9px;left:-168px;position:relative;top:195px;}

/* DIV PARA BLOQUE DE TEXTO PRESENTACION EN EL TOOLTIP */
#divBlocPresentacion{display:block;width:500px;height:auto; text-align:justify;}
#divBlocPresentacion img{float:left;width:200px; margin-right:7px;} 

/* DIV PARA BOTON DE LAS OBRAS EN CURSO */

#botonObrasCurso{float:right; width:auto;height:15px; background-color: #780A71;position:relative;right:35px; display:block;}
#botonObrasCurso a{margin:5px;}

/* PAGINACION DE RESULTADOS */
#DivPaginacion{position: relative;top:-10px !important; font-family:arial;margin:7px;padding:7px;text-align:center;}
#DivPaginacion a{background:#111111; margin:4px;padding:4px; color: white; cursor:pointer;font-size:12px; }
#DivPaginacion b{background:#111111; font-weight:bolder;margin:5px;padding:5px; color:white;cursor: pointer;font-size:15px;}

/*#DivPaginacion a{background:#172C40 url(../imagenes/bg.gif) repeat-x scroll 0 -432px;margin:4px;padding:4px; }
#DivPaginacion b{background:#172C40 url(../imagenes/bg.gif) repeat-x scroll 0 -432px;font-weight:bolder;margin:7px;padding:7px; border:1px solid #999;}
*/