@charset "UTF-8";
/* CSS Document */
html { height:auto}
body { background:#FFF;  font-family: Myriad Pro, Verdana, Geneva, sans-serif; font-size: 0.75em; height:auto}
body, div,ul,li, form, fieldset { margin:0px; padding:0px;}
a { color:#000; border-bottom:1px dotted #000; text-decoration: none}
a:hover{ color:#0FF; border-bottom:1px dotted #0FF;}

/*a:visited{color: #666; border-bottom:1px dotted  #666;}*/

.clear { clear:both;}

#principal {
	height:100%;
	}
#centre {
	background: url(../graphic/bgprincipal.jpg) no-repeat right top ; 
	width:100%; 
	height:100%; 
	}
div.container {
    width: 1024px;
	height:100%;
	background:url(../graphic/bgcentro.png) no-repeat right top;
}
div.idioma { width:auto; position:absolute; right:0; padding:5px; display:block}
div.logo {
    width: 257px;
	height:auto;
	position:absolute;
	display:block;
	top:0;
	left:20px;
	} 
div.logo a, div.logo img {border:0;}
div.menu {
    width:767px;
	height: 8em;
	text-align:right;
	padding:6% 0 0 0;
	margin:0 0 0 257px;
	}
	/*---------------------------- CSS MENU*/
.menu ul{ display:block;}/*contenedor del menu*/
.menu li{ float:right; list-style:none}
.menu li a{text-decoration:none }
.menu li.noactive a{ display:block;color: #FFFFFF; background: #002978; width:10em; height:5em; padding:3em 0 0 0; margin-right:0.2em; text-align:center; border:1px solid  #002978; border-bottom:0}
.menu li.noactive a:hover{ display:block; color: #002978; background:  #FFFFFF; border:1px solid #EDEDED; border-bottom:0}
.menu .noactive{ display:block; color: #CCCCCC;}

.menu li.active a{ display:block;color: #002978; background:  #FFFFFF; width:10em; height:5em; padding:3em 0 0 0; margin-right:0.2em; text-align:center;  border:1px solid #EDEDED; border-bottom:0}
.menu .active{ display:block; color: #002978;}
.menu li.active a:hover{ display:block; color: #002978; background:  #FFFFFF;border:1px solid #EDEDED; border-bottom:0}

/* END -------------------------- CSS MENU*/
/*---------------------------- CSS subMENU*/
.menu ul ul { visibility:hidden; display:block; position:absolute; width:960px; height:3.5em; left:65px; top:16.5em; font-size:0.8em }/*contenedor del submenu*/
.menu ul :hover ul{ visibility:visible; padding-top:0.5em}
.menu ul ul.active{ visibility:visible; padding-top:0.5em}

/*.menu ul :hover ul a { display:block;color: #002978; background: #FFFFFF; width:15em; height:2em; padding:1em 0 0 0; margin-right:0.2em; text-align:center; border:0}
.menu ul :hover ul a:hover {background-color:#ddd; color:#333;}
.menu ul :hover ul :hover > a {background-color:#ddd; color:#333;}*/

.menu ul :hover ul .active { display:block; background: #FC9D0D; width:174px; height:2.5em; padding:1em 0 0 0; margin-right:0.2em; text-align:center; border:0}
.menu ul :hover ul .active:hover {background-color:#FC9D0D;}
.menu ul :hover ul :hover > .active {background-color:#FC9D0D; border:0}

.menu ul :hover ul .noactive { display:block;color: #002978; background: #FFFFFF; width:174px; height:2.5em; padding:1em 0 0 0; margin-right:0.2em; text-align:center; border:0}
.menu ul :hover ul .noactive:hover {background-color:#ddd; color:#002978;border:0}
.menu ul :hover ul :hover > .noactive {background-color:#ddd; color:#002978;border:0}

.menu li li a.noactive{ display:block;color:  #002978; background: #FFFFFF; width:174px; height:2.5em; padding:1em 0 0 0; margin-right:0.2em; text-align:center; border:0}
.menu li li .noactive:hover{ color: #002978;background: #ddd;}
.menu li li a.active{display:block;color: #00246A; background: #FC9D0D; width:174px; height:2.5em; padding:1em 0 0 0; margin-right:0.2em; text-align:center; border:0}
.menu li li .active:hover{color: #00246A; background:#FC9D0D;border:0}
/* END ----------------------- CSS subMENU*/
div.left {
    width:320px;
	height:auto;
    float: left;
	background:#002978;
	color:#FFF;
	padding: 0;
}
div.left img { margin-left: 0px;}
div.left ul, div.left p {padding:9px 18px 9px 17px;}
div.left a{ color:#FFF; text-decoration: none; display:block; padding:10px 5px; border:0}
div.left li { border:1px solid #FFF;  margin:8px 2px; list-style:none; display:block}
div.left li.noborder { border:0;  margin:8px 2px; list-style:none; display:block}
div.left a:hover{ color:#0FF; text-decoration: none; display:block; padding:10px 5px; border:0}
div.left li:hover { border:1px solid #0FF;  margin:8px 2px; list-style:none; display:block}
div.left .instrealizado a{ color:#FFF; text-decoration: none; display:block; padding:5px; border:0}
div.left .instrealizado li { margin:2px;border:0;}
div.left .instrealizado a:hover{ color:#0FF; text-decoration: none; display:block; padding:5px; border:0}
div.left .instrealizado li:hover { border:0;  margin: 2px; list-style:none; display:block}
div.right {
    width: 701px;
	height:100%;
	margin-left:320px;
	padding:50px 0 0 0;	
    overflow: hidden;
}
div.contentalpha {
	width: auto;
	background-image: url(http://www.lagiobit.com/mariona/bipsolar/graphic/gris.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lagiobit.com/mariona/bipsolar/graphic/gris.png');
	
	//filter: Alpha(Opacity=70);
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	padding: 30px;
	margin: auto;

}

div.contentalpha div.right2 { width:40%; float:right; overflow:hidden; text-align:center}
div.contentalpha div.left2 {  width:55%; float:left; overflow:hidden}

div.contentalpha li { 
	list-style-type: square;  list-style-position: inside; padding:0 5px
}
/* FORMULARIO CONTACTO */
#spanErr{
	color: #FF3300;
	font-size: 0.8em;
	text-align:right;
}
#contacto {  width:100%}
#contacto fieldset { border:0;}
#contacto ol li {
	list-style:none;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0em;
	padding-right:0em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-right:0;
	margin-left:0;
}
#contacto fieldset ol li label {
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-right:0;
	padding-left:0;
}
#contacto ol li input {
	display:block;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-right:0;
	margin-left:0;
}
#contacto ol li textarea {
	display:block;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-right:0;
	margin-left:0;
}
#contacto fieldset ol li span span {
	color:#FF0000;
	font-size:0.7em;
}
#postback {  /* BOTON FORMULARIO*/
	padding-left: 3em;
	padding-right:3em;
	padding-bottom:0em;
	padding-top:0em;
	text-shadow:#9FEE00;

}
.campo {
	background-color: #ffffff;	
	border:1px solid #C8C8C8;
	color: #000000;
}
 .campo:hover {
	background-color: #ffffff;	
	border:1px solid #C8C8C;
}
 .campo:focus {
	background-color: #ffffff;	
	border:1px solid #C8C8C;
}
/* FIN FORMULARIO */

#pie {
	background: url(../graphic/bgpie.png) repeat-x;
	clear:both;
	color: #5CCCCC;
	font-size:0.8em;
	margin-left:1px;
	padding-top: 0px;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
	min-height:77px;
	height:77px;
	width:100%;
	display:block;
	overflow:hidden;
	bottom:1px;
	left:1px;
	
}
#pie a { color: #000; border-bottom:1px dotted #000}
#pie a:hover {color: #EC1C24; border-bottom:1px dotted #EC1C24}
#pie map p{ padding-right:30px;}
#footer {
	padding:10px;
	color: #6A6A6A;
	font-size:0.9em;
	text-align:	center;
	background:#FFF
	
}
#footer a{
	color: #6A6A6A;border-bottom:1px dotted #6A6A6A;
	
}