@charset "utf-8";
/* CSS Document */
/* web Cona 6 */

* {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	font:80% Tahoma, Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.ocultar {
	display:none;
}
h1 {
	font:normal 80% Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
}
h2 {
	background: #e5e5e5 url(../img/fondo_menu.jpg) repeat-x;
	padding:5px 10px;
	margin:0px;
	height:20px;
        font-size:14px;
/*	font:100%;Georgia, "Times New Roman", Times, serif;*/
	color:#180561;
	line-height:155%;
	font-weight: bold;
}
h2 span {
	color:#1484f8;
	font-family:Tahoma, Arial;
}
h3 {
	color:#1484f8;
/*	font:normal 110% Georgia, "Times New Roman", Times, serif;*/
	margin:0px 0 10px;
}
a {
	text-decoration:none;
}
a:hover {
	color:#003871;
}
p {
margin:0px 0 10px;
}
p a {
	color:#1484f8;
}
img {
	border-style:none;
	text-decoration:none;
}
/* ---------------------------
------------ Home ----------- */

#home {
	margin:0px auto;
	width:572px;
	padding-top:50px;
}

.menu{
	text-align:center;
}
.menu ul{
	margin:60px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:15px 0;
}
.menu li {
	margin:0px;
	padding:0 20px;
	list-style-type:none;
	display:inline;
}
.menu li a {
	font:normal 90% Arial, Helvetica, sans-serif;
	color:#666666;
}
.menu li a:hover {
	color:#003871;
}

/* --------------------------------
------- Paginas interiores ----- */

#contenedor{
	margin:20px auto 0;
	width:725px;
}

#head {
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:6px solid #e5e5e5;
}
#head img {
	float:left;
}
#head .menu_principal ul {
	float:right;
	margin:10px 0px 0;
	padding:0px;
}
#head .menu_principal li {
	margin:0px;
	padding:0px 15px;
	list-style-type:none;
	display:inline;
}
#head .menu_principal li a {
	font:normal 90% Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
}
#head .menu_principal li a:hover {
	color:#003871;
}
#head .menu_principal .current {
	border-bottom:3px solid #180561; /*#1484f8;*/
	color:#003871;
	padding-bottom:1px;
}
* html #head .menu_principal .current {
	padding-bottom:0px;
}

#contenido {
	border-bottom:1px dashed #e5e5e5;
}

.tit {
	border:1px solid #ccc;
	padding:2px;
	margin:3px 0 20px;
	vertical-align:middle;
}
.ruta {
	border-bottom:1px solid #ccc;
	padding:2px;
	margin:0 20px 5px 20px;
}

.col-A {
	float:left;
	width:360px;
	margin:0px 0 0 20px;
	color:#333;
	font:90% tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.col-B {
	float:right;
	width:320px;
}
.col-C {
	float:left;
	width:680px;
	margin:0px 0 0 20px;
	color:#333;
	font:90% tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
}
.col-D {
	float:left;
	width:250px;
	margin:0px 0 0 20px;
	color:#333;
	font:90% tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
}
.col-E {
	float:right;
	width:430px;
}
.col-B ul {
	margin:0px;
	padding:0px;
	text-align:right;
}
.col-B li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
}
.col-B img {
	border:1px solid #ccc;
	padding:2px; 
	margin:5px;
}
.col-A2 {
	float:left;
	width:180px;
	margin:0px 0 0 10px;
	min-height:180px;
	color:#333;

	font:90% tahoma, Arial, Helvetica, sans-serif;
}
.col-B2, .col-Bmapa {
	float:right;
	width:490px;
	font:90% tahoma, Arial, Helvetica, sans-serif;
	border-left:1px solid #ccc;	
	padding: 0 0 0 20px;
}
.col-B2 ul {
	margin:10px 10px;
	padding:5px;
}
.col-B2 li {
	margin:0px;
	padding:3px 0;
	list-style-type:square;
}
.col-Bmapa {
	background:url(../img/plano.jpg) top center no-repeat;
	height:280px;
	text-align:right;
}
.col-Bmapa img {
	margin:52px 25px 0 0;
	border:none;
}
/* -- Pie de pagina -- */
#pie{
	margin:10px auto 0;
	color:#666;
	font-size:85%;
}
#pie .izq{
	float:left;
	width:330px;
}
#pie .dcha{
	float:right;	
	width:250px;
}
#pie .dcha img{
	float:right;
	margin-top:20px;
}
#pie .dcha ul{
	margin:0px;
	padding:0px;
	text-align:right;
}
#pie .dcha li{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#pie .dcha li a{
	color:#666;
}
#pie .dcha li a:hover, #pie .dcha li .activo{
	color:#003871;
}

/* -- Formulario -- */

#formulario {
	margin-left:20px;
	padding:20px 0 0;
	width:430px;
	text-align:left;
}
.col1, .col2 {
	float:left;
	margin-right:10px;
	width:200px;
	text-align:right;
}
/*label{
	margin-bottom:7px;	
	text-align:right;
	
}
input, textarea{
	width:130px;
	vertical-align:middle;
	border:0px solid #fff;
	background-color:#eee;
	border-bottom: 1px dashed #999;
	height:18px;
	padding:0px 5px;
	font: 100% Tahoma, Verdana, Arial, Helvetica;
	color:#333;
	margin-bottom:3px;
}
textarea{
	height:50px;
}*/
.boton{
	float: right;
	width:50px;
	border:1px solid #999;
	margin:10px 0 10px;
	padding:0 0 5px 0;
	height:18px;
}
/********** Caractersticas del FORMULARIO contacto ***********/
		fieldset{
			border:0;
			width:100%;
		}

		#EmailForm label, #QuoteForm label, #TecnicalForm label, #JobForm label {
			display: block;
			width: 300px;
			float: left;
			margin-top: 10px;
			/*margin-left:20px;*/
			text-align: left;
			/*padding-right: 20px;*/
		}
		#EmailForm fieldset, #TecnicalForm fieldset, #JobForm fieldset{
			border:0;
		}
		#EmailForm input, #QuoteForm input, #TecnicalForm input, #JobForm input{
			display: block;
			width: 300px;
			float: left;
			/*margin-top: 10px;*/
			border:1px solid #cccccc;
		}
		
		#EmailForm textarea, #QuoteForm textarea, #TecnicalForm textarea, #JobForm textarea {
			/*margin-top: 10px;*/
			width: 300px;
			height: 150px;
			float: left;
			border:1px solid #cccccc;
		}
		
		#EmailForm input[type="submit"], #QuoteForm input[type="submit"], #TecnicalForm input[type="submit"], #JobForm input[type="submit"] {
			margin-bottom: 20px;
                        width: 300px;
			/*margin-left:240px;*/
		}
		
		#EmailForm input[type="hidden"], #QuoteForm input[type="hidden"], #TecnicalForm input[type="hidden"], #JobForm input[type="hidden"] {
			display: none;
		}
		
		#TecnicalForm select{
			width:150px;
			margin-top:10px;			
		}
		.clear-l{
			clear:left;
		}
/****** tablas listado obras *********/
.encadre{
width:100%;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
table#lista-obras th{
width:780px; border:none; background-color:#180561; color:#ffff00; padding:2px 10px;
}
table#lista-obras td.img{
width:60px; border:none; text-align:center;
}
table#lista-obras td.descripcion{
border:none; padding:2px 10px;
}
table#lista-obras th.h1_table a{
color:#ffff00;
}
table#lista-obras th.h1_table a:hover, table#lista-obras td a:hover{
text-decoration:underline;
}
table#lista-obras td a{
color:#180561;
}