/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***** Global *****/
/* Body */
body{
	background: #030c2d url(layout/body-bg.jpg) no-repeat top center;
	color: #000305;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.251em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {
	color: #036;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .5em;
}

h2{
	margin-top: .8em;
	margin-bottom: 0em;
}
h2.title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
h3 a{
	color: #036;
	text-decoration: none;
}
/* Anchors */
article a {
	outline: 0; 	
	color: #036;
	text-decoration: none;
}
article a img {border: 0px; text-decoration: none;}
article a:link, article a:visited {
	xpadding: 0 1px;
}
article a:hover, article a:active {
	xbackground-color: #ccc;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #ccc;

}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
blockquote {font-style: italic;}
cite {}
q {}

::-moz-selection {background: #E39724; color: #fff;}
::selection {background: #E39724; color: #fff;}

/* Lists */
article ul {
	list-style:circle;
	margin: 1em 0 1.5em 3em;
	color: #444;
	font-size: .9em;
}

article ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}
article li {padding-bottom: .3em;}

article dl {margin: 0 0 1.5em 0;}
article dt {font-weight: bold;}
article dd {margin-left: 1.5em;}


/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}

	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}

	tbody .alt td {}
	tbody .alt th {}

	/* Tfoot */
	tfoot th {}
	tfoot td {}

img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}


/* DESIGN SECTIONS */
body #wrapper{
	clear: both;
	margin: 40px auto;
	background: white;
	width: 960px;
	box-shadow:  0 5px 20px #000;
}

header #topdiv{
	position: relative;
	height: 117px;
	background: url(layout/header-bg.png) repeat-x bottom;
	overflow: hidden;
}

header #slideshow{
	height: 232px;
	overflow: hidden;
	background:  url(/images/slideshow/slideshow1.jpg);
}
header #slideshowimages{
		height: 232px;
		}
section#content{
	background: url(layout/article-bg.png) repeat-x top center;
}
footer{
	clear: both;
	height: 150px;
	position: relative;
	padding: 40px;
	background:  #252f4f url(layout/footer-bg.png) repeat-x top center;
}

/* LOGOTIPO */
header h1{
	background: white url(layout/logotipo.png) no-repeat;
	position: absolute;
	top: 15px;
	left: 15px;
	height: 81px;
	width: 376px;
	overflow: hidden;
	text-indent: -99999px;
}

/* TOP NAVIGATION */
header nav#top-nav{
	position: absolute;
	top: 10px;
	right: 20px;
	font-size:  .9em;
}
header nav#top-nav li{
	display: inline;
	margin-left: 2px;
}

header nav#top-nav li a{
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #bbb;
	border-radius: 5px;
	text-transform: uppercase;
	background: white;
}
header nav#top-nav li a:hover{
	text-shadow: none;
}

/* MAIN NAVIGATION */
header nav#main-nav{
	height: 39px;
	background:  url(layout/main-nav-bg.png) bottom;
	background:  #08132f;
	overflow: hidden;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
header nav#main-nav ul{
	padding: 0;
	margin: 0;
	background-color:  #08132f;
}
header nav#main-nav li {
	display: inline-block;
	background-color: #0f2f5c;
}

header nav#main-nav li a {
	display: inline-block;
	height: 39px;
	width: 188px;
	line-height: 39px;
	font-size:  1.1em;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: white;
	background:  url(layout/main-nav-bg-transp.png) bottom;

}
header nav#main-nav li a:hover{
	text-shadow: 1px 1px 1px #444;
}
header nav#main-nav li.active a {
	text-shadow: 1px 1px 1px #444;
	background-color: #c34304;
}
header nav#main-nav.principal a.principal,
header nav#main-nav.empresa a.empresa,
header nav#main-nav.obras a.obras,
header nav#main-nav.cuadroslv a.cuadroslv,
header nav#main-nav.enlaces a.enlaces,
header nav#main-nav.contacto a.contacto

{
	text-shadow: 1px 1px 1px #444;
	background-color: #c34304;}

footer nav{
	position: absolute;

}
footer #madeby{
	position: absolute;
	height: 30px;
	width: 960px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	color: #315386;
}
footer #madeby a{
	color: #315386;
	text-decoration: none;
	text-shadow: none;
}
footer #madeby a:hover{
	color: white;
}
footer #slogan{
	position: absolute;
	top: 40px;
	left: 40px;
	color: white;
}
footer nav{
	position: absolute;
	right:40px;
	top: 30px;
}
footer nav ul{
	display: inline-block;
	width: 200px;
	}
footer nav ul li{
	display: block;
	border-bottom: 1px solid #222a43;
	border-top: 1px solid #2b3554;
	}
footer nav ul li:first-child{
	border-top: none;
	}
footer nav ul li:last-child{
	border-bottom: none;
	}
footer nav ul li a{
	display: block;
	width: 150px;
	line-height: 30px;
	padding: 5px 15px;
	color: white;
	color: #94A6C5;
	text-shadow: none;
	text-decoration: none;
}

footer nav ul li a:hover{
	background-color: white;
	color: #121B38;
	text-decoration: none;
	text-shadow: 1px 1px 1px #bbb;
}


section#content{
	

}
section#maincolumn{
	padding: 20px 30px;
	margin-right: 170px;
}
aside#links{
	display: inline-block;
	width: 150px;
	float: right;
	padding-left: 20px;
	margin-top: 20px;
	border-left: 1px dotted #ccc;
	overflow: hidden;
}
aside#links img{
	width: 130px;
}
aside#links a:hover img{
	box-shadow: 1px 1px 5px #ccc;
}


aside#news{
	display: inline-block;
	width: 180px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	border-right: 1px dotted #ccc;
}
aside#news p{
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	xborder-bottom: 1px dotted #ccc;
	

}
aside#news a{
	text-transform: uppercase;
	display: block;
	padding-top: 15px;
	margin: 10px 0 0px 0;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #036;
	text-decoration: none;

}
aside#news a:hover{
	text-decoration: underline;
	color:#CE5300;
}

section#maincontent{
	margin-left: 220px;

}
/* --------------------------------------------- */
/* ------------- HOME STYLES ------------------- */
/* --------------------------------------------- */
#home article{
	position: relative;
	padding: 20px;
	border-bottom:  1px dotted #ddd;
	min-height: 90px;
}

#home article img{
	width: 90px; height: 80px;
	padding: 3px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #ccc;
	float: left;
	margin-right: 20px;
	border-radius:  10px;
}
#home article a:hover img{
	border: 1px solid #f60;
	}
#home article span.leermas{
	display: none;
	position: absolute;
	bottom:  20px;
	left:  220px;
}
#home article h2{

}
#home article p{
	color: #444;
	text-align: justify;
}

.leermas a{
	color: #ff3f08;
}

/* --------------------------------------------- */
/* ------------- HOME STYLES ------------------- */
/* --------------------------------------------- */
#text article{

}
#text article img{
	padding: 3px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px #ccc;
	margin: 10px 10px !important;

}
#text article a img{
		opacity: .7;
		border-radius:  10px;
}

#text a:hover img{
	opacity: 1;
	border: 1px solid #f60;
}

#text article span.leermas{
	display: none;
	position: absolute;
	bottom:  20px;
	left:  220px;
}
#text article h2{
  margin-bottom: 20px;
}
#text article p{
	color: #444;
	text-align: justify;
}
#text article div.thumbnails{
	margin-top: 20px;
}

/* --------------------------------------------- */
/* ------------------- Hystory ----------------- */
/* --------------------------------------------- */
#historyback{
	clear:both;
	text-align: center;
	margin: 50px 0 10px 10px;

}
#historyback a{
	color: white; font-weight: bold; text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 280px;
	padding: 5px;
	background: #252f4f;
	border-radius: 10px;
}
#historyback a:hover{ background-color: #f60; }


/* --------------------------------------------- */
/* ------------- Pagination: Flickr ------------ */
/* --------------------------------------------- */
#pagination-flickr			   {
	margin-top: 20px;
	padding-top: 20px;
	width: 900px;
	text-align: center;
	border-top: 1px dotted #036;
 }
#pagination-flickr li          {
	display: inline-block;
	border:0; margin:0;
	padding:0;
	font-size:1.1em;
	list-style:none; /* savers */
}
#pagination-flickr a           {
	border:solid 1px #fff;
	margin-right:1px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off   {
	color:#ddd;
	font-weight:bold;
	padding:1px 3px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}

#pagination-flickr .next,
#pagination-flickr .next-off{
	float: right;
}
#pagination-flickr .previous,
#pagination-flickr .previous-off{
	float: left;
}
#pagination-flickr .active     {
	color:#f60;
	font-weight:bold;
	padding:2px 5px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited   {
	color: #036;
	padding:1px 5px;
	text-decoration:none;
}
#pagination-flickr a:hover     {
	border:solid 1px #369;
}



/* --------------------------------------------- */
/* ---------------- Formularios -------------- */
/* --------------------------------------------- */
#search td{
    padding-right: 10px;
    vertical-align: bottom;
}
#search label{
    display:block;
    color: #aaa;
}
#search select{
    width: 200px;
    border: #ccc 1px dotted;
}	
#search input{
    width: 120px;
    border: #ccc 1px dotted;
    background-color: #fff;
}
#search #submit{
    width: 80px;
}

#search input:hover{
    background-color: #f60;
    color:#fff;
}
button {
	border: #ccc 1px dotted;
	margin-right: 0px;
    background-color: #fff;
	margin-bottom: 4px;
}
button:hover {
 	border: #ccc 1px solid;
    color: #fff;
	background-color: #369;
}








#tablaobras, #searchtable table{
	margin: 0;
	padding: 0;
}
#tablaobras a img{border: none !important;}
#searchtable{
	margin-top: 10px;
}
#searchtable  td{padding: 0; margin:0}

.sort-table {
	font:		Icon;
	border:		1px solid #ccc;
}
.sort-table thead th,
.sort-table tr:nth-child(even) { background: #eee; }
.sort-table tr:nth-child(odd)  { background: #fff; }
.xeven:hover td, .odd:hover td { background: #fda; }

.sort-table thead {

}

.sort-table td {
	padding:	2px 5px;
	vertical-align: middle;
}

.sort-table thead th {
	color: #0f2f5c;
	padding-left: 10px;
	cursor:			pointer;
}

.sort-table thead th:hover{
	background-color: #0f2f5c; color: white;
}

.sort-table img{margin: 2px; padding :0px; border-radius: 8px; box-shadow: 1px 1px 2px #ccc;}

.sort-table a{
	text-decoration: none;
	color: #0f2f5c;
}
.sort-table a:hover{text-decoration: underline;}
.sort-table tr:hover {background-color: #F8C48F;}

#tablemails td{
	padding: 3px;
}

body>.skiptranslate {
display: none;
}


#google_translate_element{
    position: absolute;
    right: 30px;
    top:  50px;
}
#google_translate_element select.goog-te-combo {
    width: 100%;
}
.skiptranslate.goog-te-gadget {
    color: white;
}
.skiptranslate.goog-te-gadget >span {
    display: none;
}