/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: url(images/bg-top.gif) top repeat-x;
	text-align:center;

}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.to-right {float:right;padding-right:20px}
.clear  { clear:both;}

.align-center { text-align:center;}
.align-left { text-align:left;}
.align-right { text-align:right;}

html {height:101%}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#959595;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#FFFFFF; outline:none;}
a:hover{text-decoration:none; }
p {padding-bottom:15px;}

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

.main-bg { width:100%; background:url(images/bg-content.jpg) top center no-repeat; text-align:center; }

.indent1 { padding-bottom:30px; }
.indent2 { padding-top:6px;}
.indent3 { padding-top:20px;}
.indent4 { margin-top:25px;}
.indent5 { padding-top:25px;}
.indent6 { margin-top:25px;}

.imgindent {margin:0 25px 0 0; float:left;}
.imgindent2 {margin:0 15px 0 0; float:left;}

.link-1{ color:#FFFFFF; text-decoration:none;}
.link-1:hover { text-decoration: underline;}

.link-2{ color:#FFFFFF; text-decoration: underline; background: url(images/marker3.gif) 0 6px no-repeat; padding-left:10px; margin-right:10px;}

span { color:#FFFFFF;}
.bold {font-weight:bold}


/* ============================= header ====================== */
.slogan { padding:10px 0 0 10px; color:#B5B5B5; font-size:1.083em; }
#header ul { padding-top:49px;}
#header li { padding-bottom:12px; }
#header li a { display:block; width:106px; height:21px; background:url(images/marker1.gif) 8px 6px no-repeat; padding: 7px 0 0 51px; text-decoration: none; color:#787878; line-height:1em;  }
#header li a:hover, #header .active a {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #FF6600;
	background-image: url(images/marker2.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
#header .indent { padding:0px 32px 0px 9px;}
/* ============================= content ====================== */

#content-top .col-1 { width:257px; background:#212121; position:relative;}
#content-top .col-1 .indent { padding:26px 30px 26px 32px;}
#content-top .col-2 { width:422px; background:#000000; position:relative;}
#content-top .col-2 .indent { padding:26px 20px 26px 32px;}
#content-top .title-heading h1 {margin-left:-5px;display:block;height:27px; background: url(images/bullet_bottom.gif) 0px 0px no-repeat;padding-left:38px;font-size:14px;color:#fff;font-weight:normal;font-family:arial,helvetica;}
#content-top .contact-title {margin-top:10px;color:#656565 !important;font-weight:normal;display:block}
.galeria-descripcion-obra {padding:30px;padding-right:20px;color:#909090;height:120px;overflow:hidden !important;font-size:11px;}
.galeria-descripcion-obra h1 {padding-bottom:12px;font-size:13.5px;color:#fff;font-weight:normal;font-family:arial,helvetica;margin-top:5px;}
.galeria-descripcion-obra a {color:#fff}
#content-top .miniatura-1 {position:absolute;left: 30px;top:200px;float:left;*height:100px;overflow:hidden !important;height:100px } 
#content-top .miniatura-2 {position:absolute;left:150px !important;top:200px;float:left;*height:100px;overflow:hidden !important;height:100px }

#content-top .miniatura-3 {position:absolute;left: 30px;top:310px;float:left;*height:100px;overflow:hidden !important;height:100px  } 
#content-top .miniatura-4 {position:absolute;left:150px !important;top:310px;float:left;*height:100px;overflow:hidden !important;height:100px }
#content-top .ampliada {position:absolute;*position:relative;left: 10px;top:40px;*top:0;*margin-top:40px;*bottom:0;float:left;overflow:hidden !important;_height:370px;*height:370px;height:370px;}
.escondida {position:absolute;display:none}
.gallery-index {background-color:#212121 ;width:679px;height:437px;position:relative;text-align:center;overflow:hidden;padding-left:20px}
.gallery-index div {text-align:center;padding-top:0px;}
.gallery-index div a{padding-right:20px;display:block;padding-bottom:0px}
.gallery-index { width /*\**/: 659px\9 }



#content-top .indice-obras-lista {width:220px;_width:260x !important;*width:200x !important;min-height:150px;height:437px;float:left;padding-left:30px;text-align:left;font-size:11px;_margin-right:17px;*margin-right:6px;margin-top:0;padding-top:25px !important;background:#212121 url(images/bullet.png) 2px 24px no-repeat;}
#content-top  .goback {background:#212121 url(images/bullet_back.png) 2px 24px no-repeat !important;}
#content-top .indice-obras-lista h1 {font-size:13.5px;color:#fff;font-weight:normal;font-family:helvetica,arial;}
#content-top .indice-obras-lista a {background:url(images/obra_bullet.gif) center left no-repeat; text-decoration:none;line-height:12px;margin-bottom:0 !important;margin-top:0px !important;margin:0 !important;padding:0 !important;padding-left:10px !important;}
.indice-obras-lista  span {color:#909090;}
#content-top .indice-obras-derecha {width:405px;max-width:405px;_width:410px;*width:400px;height:437px;min-height:150px;float:left;padding-top:30px !important;background-color:#000;}
#content-top .categoria-obra {color:#fcc6a2 !important;padding-bottom:4px !important;padding-top:3px !important;display:block}
.indice-obras-intro {line-height:16px;padding-top:0 !important;text-align:left;margin-left:30px;margin-top:15px;padding-left:40px;color:#fff;font-size:12px;background:url(images/bullet2.png) top left no-repeat}
#content-top .indice-obras-intro p {margin:0;padding:0;text-align:left;margin-top:0 ;padding-bottom:16px;margin-right:30px}
#content-top .galeria-indice-linea {background:url(images/galeria-indice-linea.gif) bottom left repeat-x; width:370px;height:24px;padding:0 !important;margin:0 !important;margin:0px auto !important;margin-left:20px !important;}
.bullet {color:#909090;background: url(images/bullet_bottom.gif) 95px 0px no-repeat;padding-left:125px;display:block;height:30px;padding-top:0 !important;}
#content-top .paginacion-obras-lista {position:absolute;top:410px;left:200px}
#content-top .paginacion-obras-lista1 {position:absolute;top:410px;left:200px}
#content-top .paginacion-obras-lista1 a {background:none !important;display:inline;padding-left:10px !important;}
#content-top .paginacion-obras-lista1 span {display:inline;padding-left:10px !important;}
#content-top .paginacion-obras-lista a {background:none !important;display:inline;padding-left:10px !important;}
#content-top .paginacion-obras-lista span {display:inline;padding-left:10px !important;}
.bullet {*background: url(images/bullet_bottom.gif) 10px 0px no-repeat;*padding-left:38px;}

#content-top .noticias {background-color:#000;position:relative;padding:26px 20px 12px 32px;}
#content-top .noticias p {margin-left:7px;margin-right:8px}
#content-top .noticias .Estilo1  {font-weight:normal}
#content-top .noticias .container {overflow:auto;height:350px;*height:285px;_height:285px;min-height:285px;}

#content-top .noticias .container {
scrollbar-width:5px;
scrollbar-base-color:#000;
scrollbar-face-color:#656565 !important;
scrollbar-3dlight-color:#000;
scrollbar-track-color:#2a2a2a;
scrollbar-darkshadow-color:#000;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#000;
scrollbar-arrow-color:#000;
}

.proyectos-bot {height:90px;font-size:12px}
.proyectos-bot p {line-height:14px}
.proyectos-bot-title {color:#fff;padding-bottom:2px}
.proyectos-bot-title a {text-decoration:none}
.proyectos-bot-title span {font-size:12px}

.break {clear:both;width:0;height:0}

.tail { background:url(images/tail2.gif) top repeat-x;}

li a { background:url(images/marker3.gif) 0 7px no-repeat; padding-left:10px; line-height:1.833em;}
li a:hover { color:#959595; }

.ul-2 { padding-left:31px;}
.ul-2 li a { background:url(images/marker4.gif) 0 5px no-repeat; padding-left:9px; color:#C6C6C6; line-height:2em;}
.ul-2 li a:hover { color:#FFFFFF;}

.phone { float:left; width:70px; color:#959595;}

.separator-content { background:url(images/separator1.gif) 454px 0 repeat-y; width:100%; overflow:hidden; padding:0 0 10px;}

#content .col-1 { width:455px;}
#content .col-1 .indent { padding:0px 30px 0px 28px;}
#content .col-2 { width:422px;}
#content .col-2 .indent { padding:0px 25px 0px 32px;}

.text-bot { padding:7px 0 0 0; line-height:1.417em;}

/* ============================= footer ====================== */
#footer a { color:#676767;}
/* ============================= forms ============================= */
label { height:46px; display:block;} 
#ContactForm { line-height:1.3em;}
#ContactForm input {width:155px; height:18px; border:1px solid #959595; font-size:1em; background:#212121; padding:0 0 0 5px; }
#ContactForm textarea {width:163px; height:64px; border:1px solid #959595; font-size:1em; background:#212121; padding:0 0 0 5px; overflow:auto;    }