/*  Main Colors
----------------------------------------------- 
Background: #324970
Lighter blue: #699dc4
Orange: #ed9e13
------------------*/


/*  ------------ COLORS FOR DEFAULT DESIGN ------------*/

a, #close {color:#ed9e13}
ul#main_menu a {color:#ed9e13;background: url(../images/arrow-main.gif) 325px 50% no-repeat;display:block}
ul#main_menu a:hover {color:#fff;background-position:0px 50%}
body#avanzalia #nav-empresa a {color:white}
	ul#secondary_menu li a:hover, ul#secondary_menu li a.active {background-color:#699dc4;color:#324970}
p.crumb a {color:white}
body {color:#fff;background:#324970 url(../images/devkit.jpg) top center no-repeat}
#main {font-size:1.1em}
	.main_content ul, .main_content p  {color:#fff}
p#footer {color:#fff}
	.block a {background-color:white;color:#324970;padding:2px}
	.block a:hover {color:white;background-color:#324970}
h3 {color:#fff;font-size:1.1em}
a#ampliar, a.link {background:url(../images/arrow.gif) left center no-repeat;padding-left:18px}
#logo {background:url(../images/logo.png) no-repeat}
input, textarea {border:1px solid #324970;background-color:#6f85a8}
input:focus, textarea:focus {border:1px solid #444;background-color:white} 
fieldset {border:1px solid #fff;padding:10px 20px 20px 20px}
legend {color:#fff}


/*  ------------ LISTS, LINKS AND MISC. ------------*/

ul {list-style-type:none}
a, #close {text-decoration:none;outline:none;font-weight:normal;padding:1px}
a:hover, a.active {color:#333}
	p img  {border:1px solid #fff}
.notice p {padding-left:60px;background:url(../images/warning.png) 5px 70% no-repeat}
.notice p#close {padding-top:5px;padding-bottom:10px;text-align:right}
.extra {padding-top:1.5em}
img {border:none}
ol.links a {display:block;padding-left:22px;padding-bottom:5px;background: url(../images/arrow.gif) 0 5px no-repeat}

/*  ------------ HEADERS ------------*/

h1 {font-size:1.4em;color:#666;display:block;width:330px;height:30px;line-height:30px;text-indent:-5000em;background:url(../images/titles.png) no-repeat;position:absolute;top:240px;left:20px}

  #avanzalia h1 {background-position: 0 0}
  	h2#presentacion {background-position: 0 -90px}
	h2#vision {background-position: 0 -120px}
	h2#contacto {background-position: 0 -150px}
	h2#servicios {background-position: 0 -180px}
	h2#caracteristicas {background-position: 0 -210px}
	h2#ventajas {background-position: 0 -240px}
	h2#llave-en-mano {background-position: 0 -270px}
	h2#inversores {background-position: 0 -300px}
	h2#salamanca {background-position: 0 -330px}
	h2#dulcinea {background-position: 0 -360px}
	h2#don-quijote {background-position: 0 -390px}
	h2#turra {background-position: 0 -420px}
  #instalaciones_fotovoltaicas h1 {background-position: 0 -30px}
  #parques_eolicos h1 {background-position: 0 -60px}
  
	h2 {font-weight:bold;margin:0 0 1em 0;padding:0;letter-spacing:1px;font-size:1.4em;text-indent:-5000em;background:url(../images/titles.png) no-repeat;display:block;height:25px;width:400px;color:#fff}
	h3 {margin:0;padding:0 0 0.5em 0}

/*  ------------ MENUS ------------*/


/* main menu */
ul#main_menu {text-align:right;position:absolute;top:95px;left:20px;font-size:1.3em;letter-spacing:1px}
ul#main_menu a {padding-right:18px}

/* secondary menu and home menu */
ul#secondary_menu {position:absolute;top:92px;font-size:1.2em;right:12px}
p.crumb {position:absolute;top:210px;font-size:1.2em;right:20px}
	body#fotos p.crumb {top:150px}
	body#fotos p.crumb a {color:#ed9e13}
ul#secondary_menu a {display:block;padding-left:22px;padding-right:8px;background: url(../images/arrow.gif) 5px center no-repeat;line-height:20px;height:20px;float:right}
p.crumb a {display:block;padding-left:22px;background: url(../images/arrow.gif) 5px center no-repeat}

/* section menu */
.section_menu, #main_menu {width:330px;position:absolute;top:270px;left:20px}
.section_menu {letter-spacing:1px}
	.section_menu a {color:#ed9e13;display: block; padding-left:22px;background: url(../images/arrow.gif) 0 50% no-repeat;line-height:20px;height:20px}
	.section_menu a:hover {background-color:#ed9e13;color:white;background-position:5px 50%}
	.section_menu a.active, #main_menu a.active  {color:white}
	.section_menu li ul {margin:0 0 0.5em 2em}
img#feature {position:absolute;left:380px;top:98px;border:1px solid #fff;width:220px;height:110px}

/*  ------------ LAYOUT ------------*/
body {font:62.5%/1.5 "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif}
#wrapper {width:840px;height:615px;margin:0 auto;position:absolute;top:50%;left:50%;margin-left:-420px;margin-top:-308px;background:url(../images/bg.png) no-repeat}

#main {text-align:justify}
body#home #main {position:absolute;bottom:15px;right:20px}
body#home #main img {border:1px solid #fff}
body#fotos #main {position:absolute;bottom:15px;right:20px}
	.main_content {height:315px;overflow:auto;overflow-x: hidden;position:absolute;top:240px;right:20px;width:420px;padding:0 20px 0 0;line-height:160%}
	.main_content p {padding:0 0 10px 0}
	.main_content ul {list-style:none;padding:0 0 10px 0}
	.main_content ul li {padding:0 0 10px 20px;background:url(../images/check.gif) 0 3px no-repeat}
	.main_content ul li strong {display:block;border-bottom:1px dotted white;padding-bottom:2px}
p#footer {position:absolute;bottom:20px;left:20px;font-size:1.1em;width:100%;text-align:left}
.notice {background:#e9dc8e;color:#333;border:1px solid #847a3d;padding:.5em;margin:1em auto;width:500px}
.notice a {color: #bc7d0d;text-decoration:underline}
.block {text-align:left;margin:0 0 10px 0;padding:5px;border:1px dotted #fff}
	.block ul li {background-image:none;padding-left:0;padding-bottom:2px}
ul, ol, li, body, html, img, h1, ul, p {margin:0;padding:0}
a#logo {display:block;width:198px;height:66px;text-indent:-5000em;float:left;margin:10px 0 0 20px}
.secondary_content {float:right;width:45%;margin-top:10px}
	.secondary_content ul {margin-bottom:10px}
ul#languagenav {position:absolute;padding:0;margin:0;top:8px;right:20px;font-size:1.1em}

	ul#languagenav li {display:inline}
	ul#languagenav li a {padding:1px 0 0 0;margin-left:10px;float:left;border-top:2px solid #2c4264}
	ul#languagenav li a.active, ul#languagenav li a:hover {color:white;border-top:2px solid white}


/*  ------------ Tables ------------*/
table, td, th {border-collapse:collapse;border:1px solid #222;color:white;font-size:0.9em;padding:0.5em}
table {width:99%;margin-bottom:20px}
table th {color:#E8EDF4;background-color:#222;text-align:left}
table th[scope=row] {background-color:#ed9e13;color:#222;width:20%}
table .odd {background-color:#D5E1F3}
table tr:hover th[scope=row], table tr:hover td {background-color: #699dc4;color: #fff} 
caption {font-weight:bold;text-align:center;padding-bottom:0.5em;color:#fff}
td sup {font-size:0.8em;line-height:0}


/*  ------------ Forms ------------*/
form  {margin:10px 0 0 0}
form p {clear:both;margin-top:10px}
label {text-align:right;float:left;width:110px;padding:3px 0 5px 0}
input, textarea {width:220px;padding:2px;font:1em/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;color:#222;float:right}
legend, h3 {font-weight:normal;text-transform:uppercase;letter-spacing:1px}
input#send_button, #modal_content input#send_button {display:block;width:auto;clear:both;margin:1em 0 0 0;padding:0;background:none;border:none}
form#contact span.error {color:#c6634b;font-size:90%;padding-left:5px}
p.success {background:#86AD90;color:#fff;padding:10px;border:1px solid #C6D880}
p.error {background:#C33;color:#fff;padding:10px;border:1px solid #FFF}


/*  ------------ font resizer ------------*/
.fontResizer {display: block;position: absolute;top:550px;left:20px}
.fontResizer a {display: block;float: left;width: 15px;height: 15px;text-align: center;border: 1px solid #ccc;line-height: 15px}
.fontResizer a:hover { color: #000; text-decoration: none; }
/* The following control the way the font-resizer links appear only */ 
.smallFont { font-size: 9px}
.medFont { font-size: 11px}
.largeFont { font-size: 13px}
.curFont { background-color:#ed9e13;color:white}


/*  ------------ ColorBox ------------*/
#colorbox, #modalBackgroundOverlay, #modalWrap {position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay {position:fixed; width:100%; height:100%;background:#324970}
#colorbox {overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap {width:9000px; height:9000px}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden}
		#borderMiddleLeft, #borderBottomLeft {clear:left}
		#modalContent {position:relative; overflow:visible;padding:0}
			#contentTitle {margin:0}
			#modalClose, #contentPrevious, #contentNext {outline:none; cursor:pointer; border:0; margin:0}
			#modalLoadedContent iframe {display:block; width:100%; height:100%; border:0}
			#modalLoadedContent img#modalPhoto {display:block; border:0; margin:auto}
			#modalLoadedContent embed {display:block; border:0}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
			#modalLoadingOverlay {position:absolute; width:100%;height:100%;top:0;left:0}

	
#modalContent {background:#fff;font-size:1.3em;color:#fff}
#modalLoadedContent .main_content {height:550px;position:relative;padding:20px 20px 20px 20px;width:808px;line-height:160%;top:0;overflow:auto}
	#modalLoadedContent .main_content p {padding:0 0 10px 20px;color:#fff;margin:0}
	#modalLoadedContent .main_content ul {list-style:none;margin-left:20px;color:#fff}
	#modalLoadedContent .main_content ul li {padding:0 0 10px 20px;background:url(../images/check.gif) 0 3px no-repeat}
	#modalLoadedContent .main_content ul li strong {display:block;border-bottom:1px dotted white;padding-bottom:2px}
	#modalLoadedContent .main_content ul li.map {display:none}
#modalLoadedContent p a#ampliar, #modalLoadedContent p.map, #modalLoadedContent img, #modalLoadedContent form, #modalLoadedContent .main_content .block .map a {display:none}
#modalLoadedContent h2 {padding:0;position:relative;margin-left:20px}
#modalLoadedContent h3 {padding:0 0 10px;position:relative;margin-left:20px}
#modalLoadedContent .main_content h3, #modalLoadedContent .main_content td, #modalLoadedContent .main_content caption {color:#fff}
#modalLoadedContent .main_content table {font-size:1em;width:90%;text-align:left;border:1px solid #fff;margin-left:20px}
#modalLoadedContent .main_content td, #modalLoadedContent .main_content th {border:1px solid #fff}
#modalLoadedContent {margin:0 0 28px 0;border:1px solid #fff;text-align:justify;padding:0;background:#324970 url(../images/devkit.jpg) center top no-repeat}
#modalLoadedContent .main_content .block {border-color:#999;margin-left:20px}
#contentTitle {position:absolute; bottom:3px; left:0; width:100%; text-align:center; font-weight:bold; color:#949494}
#contentCurrent {position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
#contentPrevious {position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#contentPrevious:hover {background-position:-25px -25px}
#contentNext {position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#contentNext:hover {background-position:0px -25px}
#modalLoadingOverlay {background:url(../images/colorbox/loading.gif) center center no-repeat #fff}
#modalClose {position:absolute; bottom:10px; right:10px; background:#fff url(../images/colorbox/controls.png) -50px 0 no-repeat; width:70px; height:25px;text-align:right}
#modalClose:hover {background-position:-50px -25px}