@charset "utf-8";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) 0 0 no-repeat; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c9c9c9; line-height:21px; min-width:1000px; overflow:hidden}

#Informes{background:none}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.block {height:60px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px;}
body, html {height:100%;}

.spinner{
	position: absolute;
	z-index: 99;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat #282627;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
}

/* ============================= main layout ====================== */

a{
	color: #fff;
	text-decoration: none;
	outline: none
}
a:hover{ color:#ffaf00}

h1{ padding:56px 0 0 0;}
h2{ font-size:30px; color:#fff; line-height:1.2em;padding:17px 0 17px 0; font-weight:400; letter-spacing:-1px}

p{ padding-bottom:21px;}

h1_Ejemplos{ padding:1px 0 0 0;}
h2_Ejemplos{ font-size:15px; color:#fff;text-align: right; line-height:1.2em;padding:00px 0 0px 1100px; font-weight:400; letter-spacing:-1px}


h1_Visor{ padding:1px 0 0 0;}
h2_Visor{ font-size:25px; color:#fff;text-align: right; line-height:1.2em;padding:00px 0 0px 1100px; font-weight:400; letter-spacing:-1px}


/* ============================= header ====================== */
header{ height:140px; width:100%; overflow:hidden}
header_Ejemplos{ height:20px; width:100%; overflow:hidden}
header_Visor{ height:50px; width:100%; overflow:hidden}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:208px; height:7991px;}
#logopequeno{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; background-size: 70%; width:208px; height:50px;}
#logomediano{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; background-size: 85%; width:208px; height:95px;}

#menu { padding:0 0 0 0;}
#menu > dt { height:52px; margin-top:-2px; position:relative; background:url(../images/menu_line.png) 0 bottom repeat-x}
#menu > dt > span{ position:absolute; width:100%; height:100%; background:#0f0e0e; top:0; left:0; z-index:1;}
#menu > dt > a{ display: block; font-size:26px; padding-left:48px; font-weight:700; line-height:50px; letter-spacing:-1px; position:relative; z-index:2; overflow:hidden}
#menu > dt img{ float:left; margin: 25px 30px 0 0}
#menu > dt > a:hover{
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu dd{ background:#0f0e0e; height:479px; overflow:hidden; position:relativee;}

/* ============================= content ====================== */

#content{ padding-bottom:50px}

.marg_right1{ margin-right:19px;}
.pad_bot1{ padding-bottom:20px; ; text-align: justify}

.box{ padding-top:28px;}

.list1 { margin-top:-2px;}
.list1 li{ line-height:28px;}
.list1 a{ color:#ffaf00; text-transform:none; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}


.list1 span{ background:url(../images/underline.gif) 0 bottom repeat-x}
.list1 a:hover{ color:#fff; background-position:0 5px}
.list1 a:hover span{ background:none}



/* ________________ */


#gallery1{ margin-top:8px; height:263px !important;}
#gallery1 li{ padding-bottom:1px;}
#gallery1 a{ position:relative; display:block}
#gallery1 img{ position: relative; z-index:1}
#gallery1 span{ position:absolute; z-index:2; background:url(../images/border1.gif) 0 0 no-repeat; width:100%; height:100%; top:0; left:0; display:block;}

.next, .prev{ position:relative; float:left; display:block}
.next{ float:right;}
.next img, .prev img{ position:relative; z-index:1}
.next .img_act, .prev .img_act{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2}

.color1{ color:#d5d5d5}
.font1{  color:#d5d5d5; font-size:15px; padding-bottom:7px;}

.tabs{ position:relative; width:100%; padding-top:8px; height:330px;}

.nav{ position:absolute; z-index:2}
.nav li{ float:left; padding-right:6px;}
.nav a{ display:block; width:221px; border:1px solid #353033; background:url(../images/bg_tabs2.gif) 0 -1px repeat; height:43px; border-bottom:none; font-size:17px; font-weight:700; line-height:42px; color:#d4d4d4; text-align:center;}
.nav a:hover{ border-color:#4c4749}
.nav .selected a{ background-image:url(../images/bg_tabs.gif); padding-bottom:1px; border-color:#4c4749}

#nav1{}
#nav2 a{ background-position: 0 0px}
#nav3 a{ background-position: 0 1px}
#nav4{ padding-right:0}
#nav4 a{ background-position: 0 2px}


#Ejemplos1{}
#Ejemplos2 a{ background-position: 0 0px}
#Ejemplos3 a{ background-position: 0 1px}
#Ejemplos4{ padding-right:0}
#Ejemplos4 a{ background-position: 0 2px}

.tab_content{ background:url(../images/bg_tabs.gif) 0 0 repeat; border:1px solid #4c4749; padding-left:30px; height:278px;  position:relative; z-index:1; top:44px; overflow:hidden;}
.tab-content{padding-top:30px; height:248px;}


/*Imagenes dentro de las pestañas*/
#tab1{ background:url(../images/EdificioViviendas-1.jpg) 95% 90%  no-repeat; background-size: 34%}
#tab2{ background:url(../images/Singular-1.jpg) 95% 80%  no-repeat; background-size: 60%}
#tab3{ background:url(../images/Rehabilitacion1b.jpg) 95% 80%  no-repeat; background-size: 40%}


#tab2 .col1, #tab3 .col1, #tab4 .col1{ width:370px; }
#tab2 .col2, #tab3 .col2, #tab4 .col2{ width:410px; padding-left:65px;}
#tab3 .col2, #tab4 .col2{ padding-left:60px}

.button1{
	position: relative;
	background: #ffaf00;
	display: inline-block;
}
.button1 a{ position:relative; font-size:12px; color:#151414; font-weight:bold; text-transform:uppercase; padding:0 17px; height:38px; line-height:38px; z-index:2; display:block;}
.button1 span{ position:absolute; z-index:2; background:#000; width:100%; height:100%; top:0; left:0;}
.button1 a:hover{ color:#ffaf00}

.dropcap{ float:left; background:url(../images/bg_dropcap.png) 0 0 no-repeat; width:53px; height:52px; margin-right:10px; font:36px Verdana, Geneva, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:50px;}

.partners li{ padding-bottom:30px; overflow:hidden;}
.partners figure{ float:left; margin-right:28px;}
.partners figure a{ position:relative; display:block;}
.partners figure img{ position:relative; z-index:1}
.partners figure span{ position:absolute; z-index:2; background:url(../images/border2.gif) 0 0 no-repeat; width:100%; height:100%; top:0; left:0; display:block;}
.partners  .font1{ display:inline-block; padding:6px 0 0 0}

.programs{}
.programs li{ padding-bottom:20px; background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:20px; overflow:hidden;}
.programs figure{ float:left; margin-right:16px; padding-top:4px;}
.programs .last{ background:none; padding-bottom:0; margin-bottom:0}

.link1{ display:inline-block; padding-right:13px; color:#ffaf00; background:url(../images/marker_2.gif) right 9px no-repeat}
.link1:hover{ color:#fff}

#map{ padding-top:5px; padding-bottom:22px;}
.address{
	width: 190px;
}

/* ============================= footer ====================== */

footer { height:16px; background:url(../images/menu_line.png) 0 0 repeat-x; color:#fff; line-height:16px; padding:22px 0}
footer a{}
footer a:hover{}

#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-right:11px; background:url(../images/footer_menu_line.gif) right 4px no-repeat; margin-right:11px;}
#footer_menu .last{ padding-right:0; margin-right:0; background:none}
#footer_menu a{ display:block; color:#888}
#footer_menu a:hover, #footer_menu .active{ color:#fff}


/* ============================= forms ============================= */

#ContactForm{}
#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ padding-bottom:5px; display:none}
#ContactForm .success strong{ color:#ffaf00}
#ContactForm label{ position:relative;min-height:40px; display: inline-block;}
#ContactForm .col{ width:288px;}
#ContactForm .message{ height:200px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#ffaf00; line-height:14px; display:none; width:100%; padding-bottom:3px;}
#ContactForm .button1{
	margin-left: 20px;
	float: right;
	margin-top: 30px;
}
#ContactForm .input { margin:0;width:266px; height:16px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:570px; height:175px; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#121111; border:1px solid #212121; border-top:1px solid #000; border-left:1px solid #000; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left;}


/* Menú "Servicios de cálculo y consultoría" */ 

.listaserv { margin-top:-2px;}
.listaserv li{ line-height:28px;}
.listaserv a{ color:#ffaf00; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}

.lista1serv span{ background:url(../images/underline.gif) 0 bottom repeat-x}
.lista1erv a:hover{ color:#fff; background-position:0 5px}
.lista1serv a:hover span{ background:none}

.pie_visorImagenes {
	color:#c9c9c9;
	font-size: 11px;
	position: relative;
	left: 365px;
	padding-top:10px;
	text-transform: none;
}



/* Menú "Listado de trabajos realizados" */ 

.columna1 {width: 140px; float: left;color:#ffaf00;padding-top:20px; padding-left:60px; background:url(../images/marker_1.gif) 0 -23px no-repeat4}
.columna2, .columna3{width: 80px; float: left;color:#ffaf00; padding-top:20px; padding-left:20px}

.columna4{ width:500px; float: left; padding-left:50px}

.listatrabajos { margin-top:-2px;}
.listatrabajos li{ line-height:30px;font-size: 15px}

.listatrabajos a{color:#ffaf00; text-transform:none; padding-left:20px}
.listatrabajos span{padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}

.listatrabajos a:hover{ color:#fff; background-position:0 5px}
.listatrabajos a:hover span{ background:none}

.listatrabajos_subtitulo{
	line-height:15px;
	padding-bottom:4px;
	font-size: 20px;
	position: relative;
	left: 40px;
	font-weight: bold;
	text-transform: none;
	color:#c9c9c9;
}


.listado_obras_nombre {
	font-size: 20px;
	position: relative;
	left: 90px;
	font-weight: bold;
	text-transform: none;
}


.listado_obras_columna {
	height: auto;
	width: 950px; 
	padding-top:10px;
}

.listado_obras{
	height: auto;
	width: 650px;
	margin-left: 110px;
	top: auto;
	text-align: justify;
	list-style-type: square;
	color: #C9C9C9;
	white-space: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 40px;
	padding: 0px;
	font-size: 15px;
	/*text-indent:-15px; */ 
}

.contenedor_iconos{
	width: 150px;
	float: right;
}

.iconoimagen{
	height: 50px;
	margin:3px;
	-webkit-transition:-webkit-transform 0.9s ease-in-out 0.5s;
	-moz-transition:-moz-transform 0.9s ease-in-out 0.5s;
}

.iconoimagen:hover{
	-webkit-transform: scale(10); 
	-moz-transform: scale(10);
}

#volver{width:100px;}


.paginadoble{ background: url(../images/bg.jpg) 0 0 repeat}



/* Menú "Ejemplos" */ 

.columnaEjemplos1 {width: 200px; float: left; color:#ffaf00 ;padding-top:20px; padding-left:20px}

.columnaEjemplos2, .columnaEjemplos3, .columnaEjemplos4 {width: 200px; float: left;color:#ffaf00; padding-top:20px; padding-left:10px}

.listaejemplos { margin-top:-2px}
.listaejemplos li{ line-height:30px;font-size: 15px}

.listaejemplos a{color:#ffaf00; text-transform:none; padding-left:20px}
.listaejemplos span{padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}

.listaejemplos a:hover{ color:#fff; background-position:0 5px}
.listaejemplos a:hover span{ background:none}

.listado_ejemplos_nombre {
	font-size: 15px;
	position: relative;
	right: 00px;
	color:#ffaf00;
	text-transform: none;
	
}


.separadorcolumna { height:215px; width: 10px;float: left;border: solid #c9c9c9;border-width: 0px 0px 0px 1px; margin-top:0px; padding-top:0px; margin-bottom:5px; margin-left:5px; }

.ejemplos_subtitulo{
	line-height:15px;
	padding-bottom:4px;
	font-size: 20px;
	position: relative;
	left: 40px;
	font-weight: bold;
	text-transform: none;
	color:#c9c9c9;
}

.textoejemplos{ margin-top:4px; color:#c9c9c9; font-size:12px; line-height:14px; text-align:center}

.imagen_ejemplo{padding:3px; width:90px; transition: all 1s ease-in-out;opacity: 1.0}
.imagen_ejemplo:hover{opacity: 0.5; -moz-transform: scale(5); transform: scale(5); }


.canvas_container {
    text-align: center;
    border: solid 1px;
}






/* Creado para Bessel */ 
.listaservicios {color:#ffaf00; text-transform:uppercase; padding-left:20px; background:url(../images/marker_1.gif) 0 -23px no-repeat}

.list2 { margin-top:-2px;}
.list2 li{ line-height:28px;}
.list2 a{ color:#ffaf00;  padding-left:20px}


/* Curriculums" */ 

.curriculum_nombre {
	font-size: 20px;
	position: relative;
	margin-left: 80px;
	font-weight: bold;
	text-transform: none;
}

.curriculum_seccion{
	margin-left:80px;
	color: #C9C9C9;
	white-space: normal;
	margin-bottom: 10px;
	margin-top: 15px;
	padding: 0px;
	font-size: 15px;
}

.curriculum{
	width: 825px;
	margin-left:100px;
	top: auto;
	text-align: justify;
	list-style-type: square;
	color: #C9C9C9;
	white-space: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	padding: 0px;
	font-size: 15px;
	
}



.curriculum volver{
	
}
.volver:hover{color:#ffaf00; cursor:pointer}


/* Figuras */

.avisolegal{width:800px; margin-left: 60px; text-align: justify}


/* Menú "Ejemplos de obras" */ 

.ejemplosobras1 {width: 1500px; margin-left:100px; color:#ffaf00; margin-top: 100px;margin-bottom: 100px}