/* CSS Document */

body{
	background: #313133 url(images/bg-body.png) left top repeat-x;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}
a, a:hover, a:visited{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

h2{
	font-weight: bold;
	font-size: 14px;
	padding-left: 25px;
	background: transparent url(images/bullet-h2.png) left center no-repeat;
	text-align: left;
}
strong{
	font-weight: bold;
}
div#cabecera h1{
	display: none;	
}
div#cabecera{
	text-align: center;
}
div#cabecera, div#nav_principal, div#pie, div#copyright{
	width: 770px;
	margin: 0 auto;
}
ul#idiomas{
	background: transparent url(images/bg-banderas.png) center bottom no-repeat;
	height: 28px;
	width: 67px;
	position: relative;
	left: 650px;
}
ul#idiomas li{
	display:inline;
	padding: 5px;
	position: relative;
	top: 3px;
}
div#nav_principal{
	background-color: #CCC;
	height: 50px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	text-align:center;
}
div#nav_principal a{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-decoration: none;
}
div#nav_principal a:hover, div#nav_principal a:active, div#nav_principal a.activo{
	color: #FFF;
	background-color: #9e9e9e;
}
div#nav_principal ul{
	padding-top: 15px;
}
div#nav_principal ul li{
	display: inline;
}
div#nav_principal ul li a{
	padding: 10px 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
div#contenido{
	background-color: #CCC;
	padding: 10px;
	padding-left: 20px;
	width: 740px;
	margin: 0 auto;
	text-align: center;
}
div#contenido #banner-flash{
	margin-bottom: 15px;
}
div#contenido p{
	padding-bottom: 15px;
	text-align: left;
	padding: 0 15px 15px 0;
}
div#pie{
	background: #9a9a9a url(images/bg-pie.png) left top repeat-x;
	height: 144px;
	min-height: 144px!important;
	padding-bottom: 12px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
}
ul#nav-pie{
	float: right;
	width: 470px;
	padding: 52px 25px 0 0;
	text-align: center;
}
ul#nav-pie li{
	display: inline;
}
div.hcard{
	float: left;
	width: 215px;
	padding: 17px 0 0 48px;
	color: #FFF;
}
div.hcard span.country-name, div.hcard p.org{
	display: none;
}

div#copyright a.subir{
	background: transparent url(images/bg-subir.png) center top no-repeat;
	padding: 1px 38px 6px 14px;
	position: relative;
	left: 650px;
	text-decoration: none;
}
div#copyright p{
	color: #CCC;
	text-align: center;
}
div#copyright p a{
	color: #FFF;s
}
/* inicio */
body#inicio div#contenido img{
	margin-left: -3px;
}
/* inicio */

/* empresa */
body div#contenido ul{
	text-align: left;
	padding-left: 25px;
	margin-bottom: 25px;
}
body div#contenido ul li{
	padding: 3px 10px;
}
.imggal{
	background-color: #7a7a7a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-html-border-radius: 4px;
	padding-top: 5px;
	width: 560px;
	margin-bottom: 15px;
	margin: 0 0 15px 100px;
}
.imggal img{
	padding: 0 8px;
}
body#empresa div#contenido img.imgFachada{
	float: right; 
	margin-right: 20px; 
	margin-left: 20px;
}

/* empresa */

/* servicios */
body#servicios div#contenido img{
	float: right;
}
/* servicios */

/* recomendaciones */
body#recomendaciones div#contenido img{
	float: left;
	clear: left;
	margin-bottom: 25px;
}
body#recomendaciones div#contenido p.text-servicios{
	margin-bottom: 25px;
	padding-left: 175px;
}
body#recomendaciones h3{
	text-align: left;
	font-weight: bold;
	padding-left: 175px;
}
div#enlaces-a-texto{
	padding: 15px;
	margin-bottom: 20px;
	background-color: #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
body#recomendaciones div#contenido ul{
	padding-left: 175px;
	list-style-position:inside;
	list-style-type:disc;	
}
/* recomendaciones */

/* contacto */
div#formContacto{
	width: 400px;
	float: left;
}
div#donde-estamos{
	width: 300px;
	float: right;
}
body#contactar p.ok{
	color: #009933;
	font-weight: bold;
	padding: 10px;
	border: #108000 2px solid;
	background-color: #CEFFCC;
	margin: 0 0 15px 0;
}
div#formContacto form#formLogin{
	padding-left: 35px;
	width:: 250px;
}
div#formContacto form#formLogin label{
	display: block;
	font-weight: bold;
}
div#formContacto form#formLogin input, div#formContacto form#formLogin textarea{
	width: 220px;
	padding: 10px;
	background-color: #FBFBFB;
	border: #666 1px solid;
}
div.hccontacto{
	color: #454545;
	margin-bottom: 35px;
}
div#formContacto form#formLogin input#captcha_id{
	margin-top: 10px;
}
div#formContacto form#formLogin input#KT_Custom1{
	width: 75px;
	background-color: #333;
	border-color: #666;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
body#contactar div#donde-estamos div.hccontacto p{
	padding-bottom: 0;
}
img#imgFachadaContactar{
	margin-top: 15px;
}
/* contacto */

/* trabajos realizados */
body#trabajos div#productos_content, body#trabajo div#productos_content{
	width: 500px;
	float: right;
}
body#trabajos a.activo, body#trabajo a.activo{
	color: #FFF;
}
body#trabajos div#productos_nav, body#trabajo div#productos_nav{
	float: left;
	width: 200px;
	padding: 15px;
	background-color: #8D8D8D;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
}
body#trabajos div#productos_nav ul, body#trabajo div#productos_nav ul{
	list-style-image: url(images/bullet-li-trabajos.png);
	list-style-position: inside;
	padding-left: 0;
}
body#trabajos div#productos_nav ul li ul, body#trabajo div#productos_nav ul li ul{
	margin-bottom: 0;
}
p.breadcrumb_nav{
	padding: 5px 0 15px 15px;
}

p#nav{
	clear: both;
	padding: 10px;
}
p#nav a{
	padding-right: 15px;
}

.prodbox div.marco {
	background-color:#FFFFFF !important;
	border:1px solid #6A6A6A;
	height:130px;
	margin:5px;
	width:146px;
}
.prodbox div.marco img {
display:none;
}

body#trabajos .prodbox{
	background: #E5EBEE url(images/bg-trabajos.png) left top repeat-x;
	border: #6A6A6A 1px solid;
	cursor:pointer;
	display:inline;
	float:left;
	margin:5px 0pt 5px 5px;
	min-height:180px;
	overflow:hidden;
	text-align:center;
	width:158px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;	
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;	
}
body#trabajo .prodbox{
	background-color: #E5EBEE;
	border: #6A6A6A 1px solid;
	display:inline;
	float:left;
	margin:5px 0pt 5px 5px;
	min-height:180px;
	overflow:hidden;
	text-align:center;
	padding: 10px;
	width:460px;
}
body#trabajo div.prodbox div.marco {
	float: left;
}
body#trabajo h4{
	font-weight: bold;
	padding-left:200px;
	width:266px;
	text-align: left;
}
body#trabajo div#imgsTrab{
	clear:both;
	border: #313133 1px solid;
	padding: 6px;
	text-align: left;
}
body#trabajo div#imgsTrab a img{
	padding: 0 2px;
}
body#trabajo p.back{
	padding: 10px;
}
body#trabajo a img.imgPrincipal{
	float: left;
	padding: 5px;
	border: #333 1px solid;
	margin: 0 10px 10px 0;
}
/*trabajos realizados*/

/* flash */
div#contenido div#flashcontent{
	text-align: center;
	margin-bottom: 0;
	position: relative;
	top: -25px;
	left: 9px;
}
/* flash */

/* presupuesto */
body#presupuesto form#formPresupuesto label{
	display: block;
}
body#presupuesto form#formPresupuesto input, body#presupuesto form#formPresupuesto textarea{
	width: 240px;
	padding: 10px;
}
body#presupuesto form#formPresupuesto input#KT_Custom1{
	width: 75px;
	background-color: #333;
	border-color: #666;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;

}	

body#presupuesto div#presForm{
	width: 300px;
	float: left;
	padding-left: 15px;
}
body#presupuesto div#presDatos{
	float: right;
	width: 400px;
}
p.ok{
	color: #009933;
	font-weight: bold;
	padding: 10px;
	border: #108000 2px solid;
	background-color: #CEFFCC;
	margin: 0 0 15px 0;
	width: 340px;
	
}
body#presupuesto form#formPresupuesto label, body#financiacion form#calcHipo label{
	display: block;
	font-weight: bold;
}
body#presupuesto form#formPresupuesto input, body#presupuesto form#formPresupuesto textarea{
	width: 220px;
	padding: 10px;
	background-color: #FBFBFB;
	border: #666 1px solid;
}

/* presupuesto */

/* financiacion */
body#financiacion form#calcHipo{
	padding-left: 40px;
	width: 600px;
}
body#financiacion form#calcHipo fieldset{
	width: 600px;
}
body#financiacion form#calcHipo legend{
	padding-bottom: 25px;
	display: none;
}
body#financiacion form#calcHipo input{
	padding: 10px;
	background-color: #FBFBFB;
	border: #666 1px solid;
	width: 58px;
}
body#financiacion form#calcHipo input#payment{
	background-color: #CCC;
	border: none;
}
body#financiacion form#calcHipo input#subCalcular{
	margin-top: 16px;
	cursor: pointer;
	padding: 0px;
	width: 75px;
	height: 38px;
}
body#financiacion form#calcHipo p{
	width: 100px;
	float: left;
}
body#financiacion form#calcHipo p.result label{
	display: inline;
}
body#financiacion form#calcHipo p.result{
	width: 200px;
	padding: 0;
}
/* financiacion */


/* nota legal & privacidad */
body#legal,  body#privacidad{
	background-color: #313133;
	background-image: none;
	color: #FFF;
}
/* nota legal & privacidad */


/* JESÚS */
div#contenido ul.banners {
	margin: 5px 0;
	padding-left: 0;
	text-align: center;
}

	ul.banners li {
		display: inline;
	}


/* @group Highslide */

.highslide {
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
    font-weight: bold;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    height: 16px;
    
    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../js/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

.highslide-dimming {
	position: absolute;
	background: black;
}

/* Controlbar */
.controlbar {	
	background: url(../js/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../js/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* @end */


/* @group Hacks */

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}