@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#DADADA;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* Estilos Barra Top */
.backtop {
	margin:0px;
	background-color: #FFFFFF;
	border-bottom: outset 1px #4675b8
}
.imgbtntop {
	margin:0px;
	padding:0px;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:-25px
}
.tab {
	background-color: #0067BF;
	color:#FFFFFF;
	padding:3px;
	border-bottom:solid 1px #01203F;
	padding:3px 5px 3px 0px

}

/* Estilos Generales */

.central {
background:#FFFFFF;
border:solid 5px #ffffff
}

.centro {
	padding:5px 0px;
	width:790px;
	margin:auto;
}
#left {
	padding:5px 0px 0px 0px;
	width:210px;
	float:left;
	margin:auto;
	position:relative
}
#right {
	padding:5px 0px 0px 0px;
	width:570px;
	float:right;
	margin:auto;
	position:relative
}
.texto {
	font-weight: 500;
	color:#000000;
	font-size: 8pt;
	padding-top:8px;
	text-align:justify
}
.texto3 {
	font-weight: 500;
	color:#000000;
	font-size: 8pt;
	padding-top:10px;
	text-align:justify
}
.texto3 strong {
	font-weight: 700;
	color:#177cc2;
	
}
.headtittle {
	font-weight: 600;
	border-bottom: solid 1px #01203F;
	font-size: 13pt;
	padding-top:8px;
	padding-bottom:2px;
	color:#01203F;
	text-align:left
}
.footer {
	font-weight: bold;
	border-top: solid  1px #000;
	font-size: 7pt;
	padding:5px;
	width:790px;
	margin:auto
}

/*conteiners centro*/
.conteinercenter, .inside {
width:545px;
background-color:#fff;
border:solid 5px #fff;
margin-bottom:5px;
padding:5px;
position:relative;
float:right
}
.conteinercenter2 {
width:545px;
background-color:#fff;
border:solid 5px #fff;
margin-bottom:5px;
padding:5px;
position:relative;
float:right
}
.conteinercenter h4{
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding:10px 0px 3px 0px;
	color:#1C7DCA;
	font-weight:bold;
	font-size:10pt;
	margin:5px 0px 0px 0px
}
.conteinercenter p, .inside p  {
	color:#000000;
	font-size: 8pt;
	padding-top:8px;
	text-align:justify;
	margin:0px;
}
.conteinercenter2 p  {
	color:#000000;
	font-size: 8pt;
	padding:0px;
	margin:0px;
	text-align:justify
}
.conteinercenter .morenews, .conteinercenter2 .morenews{
	font-weight: bold;
	color:#0067BF;
	font-size: 7pt;
	padding:5px;
	text-align:right;
	vertical-align:bottom;
}
.conteinercenter .morenews :hover, .conteinercenter2 .morenews :hover{
	color:#000;
}
.conteinercenter2 h2{
	font-weight: 600;
	color:#0067BF;
	font-size: 9pt;
	padding-top:7px;
	padding-bottom:4px;
	text-align:left;
	margin:0px
}
.inside h2{
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding:10px 0px 3px 0px;
	color:#1C7DCA;
	font-weight:bold;
	font-size:10pt;
	margin:25px 0px 0px 0px
}
.inside ul {
margin:4px 0px;
padding:0px;
float:right;
width:540px;
position:relative;
}
.inside li {
	color:#000;
	font-size: 8pt;
	padding-bottom:2px;
	list-style:none;
	list-style: outside disc ;
	margin:8px 0px 0px 15px;
	text-align:justify
}
.encuesta {
	padding:0px;

	margin:0px
}
.encuesta h2 {
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding:10px 0px 3px 0px;
	color:#1C7DCA;
	font-weight:bold;
	font-size:10pt;
	margin:0px 0px 2px 0px
}
/* estilos cuerpo proyectos*/
.leftproyect {
width:296px;
margin:0px;
padding:0px;
text-align:center;
float:left;
position:relative
}
.rightproyect {
width:235px;
margin:0px;
padding:0px;
float:right;
position:relative
}
.rightproyect h2 {
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding-bottom:3px;
	color:#1C7DCA;
	font-weight:bold;
	font-size:10pt;
	margin:0px
}
.rightproyect ul, .leftproyect ul {
margin:8px 0px;
padding:0px;
float:right;
width:235px;
position:relative;
}
.leftproyect ul {
float:left;
width:290px;
}
.rightproyect ul li ul, .leftproyect ul li ul{
margin-bottom:15px
}
.rightproyect li, .leftproyect li {
	color:#0067BF;
	font-size: 7pt;
	padding-bottom:2px;
	padding-left:4px;
	border-bottom:solid 1px #d9d9d9;
	list-style:none;
	font-weight:bold
}
.leftproyect li {
	font-weight: normal;
	text-align:justify;
}
.rightproyect ul li ul li, .leftproyect ul li ul li{
	color:#000;
	font-size: 7pt;
	padding:2px 0px 8px -6px;
	border:0;
	margin:0px 0px 5px 20px;
	list-style: outside disc ;
}
.botoncontactenos {
width:100%;
margin-top:10px;
float:right;
padding:4px 2px; 
text-align:right; 
border-top:solid 1px #1A79C9;
position:relative;
clear:both
}
.leftproyect h3 {
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding-bottom:3px;
	color:#1C7DCA;
	font-weight:bold;
	font-size:8pt;
	margin:0px;
	float:left;
	padding-top:15px;
	width:100%
}


/*estilos barra*/

.backbarra {
	background-image: url(../images/backbarra.jpg);
	border-top: solid 1px #0067BF;
	border-left: solid 1px #0067BF;
	border-right: solid 1px #0067BF;
}
.recuadroblue {
	border: solid 1px #0067BF;
	border-top: 0;
}
.titulobarra {
	border-bottom: solid 1px #bbbbbb;
	text-align: left;
	padding-bottom:3px;
	color:#1C7DCA;
	font-weight:600;
	font-size:10pt
}
.titulobarra small{
	padding-bottom:3px;
	color:#727272;
	font-weight:600;
		font-size:7pt;
}
.subtitulo {
	font-weight: 400;
	color:#0067BF;
	font-size: 8pt;
	padding:5px;
	text-align:left
}
.ir{
	font-weight: 500;
	color:#0067BF;
	font-size: 7pt;
	padding:5px;
	text-align:right;
	vertical-align:bottom
}
.link{
	padding:5px;
	text-align:left;
	border
	
}
.link a{
	font-weight: 500;
	color:#0067BF;
	font-size: 7pt;
	text-align:leftt;
	vertical-align:bottom
}
.link a:hover{
color:#01203F
}


/*Estilos Noticias */
.tituloSeccion {
	font-weight: 600;
	border-bottom: solid 1px #01203F;
	font-size: 13pt;
	padding-top:8px;
	padding-bottom:2px;
	color:#01203F;
	text-align:left
}
.newstittle{
	font-weight: 600;
	color:#0067BF;
	font-size: 9pt;
	padding-top:4px;
	padding-bottom:2px;
	text-align:left
}
.subtitulo{
	font-weight: 600;
	color:#0067BF;
	font-size: 9pt;
	padding-top:4px;
	padding-bottom:2px;
	text-align:left;
	border-bottom: solid 1px #0067BF;
}
.morenews{
	font-weight: 500;
	color:#0067BF;
	font-size: 7pt;
	padding:5px;
	text-align:right;
	vertical-align:bottom;
	border-bottom: solid 1px #d6d6d6;
}
.morenews a{
	color:#0067BF;
}
.morenews a:hover{
	color:#000;
}
.news{
	font-weight: 400;
	color:#000000;
	font-size: 8pt;
	padding-bottom:5px;
	text-align:justify;
}
.masinfo{
	font-weight: 500;
	font-size: 8pt;
	padding-top:3px;
	padding-bottom:2px;
	color:#01203F;
	text-align:right
}
.masinfo:hover{
	color:#00b1da;
	
}

/* Estilos Div News */
#articlebox, #addnews{
	margin:0px;
	padding:0px;
}
.articletop{
	font-weight: 600;
	font-size: 9pt;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:5px;
	color:#01203F;
	text-align:left;
	margin:0
}
.articletop2{
	font-weight: 600;
	font-size: 11pt;
	padding-top:1px;
	padding-bottom:2px;
	color:#01203F;
	text-align:left;
	margin:0;
	padding-left:5px;
}


/*proyectosinversion*/
#project
{
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 1px 0px;
	width: 98%;
	background-color:#FFFFFF;
	border:solid 5px #ffffff;
	display:block;
	position:relative;
	float:left
}
#projectdetails
{
	margin:0px;
	padding: 5px 0px ;
	width: 100%;
	float:left;
	clear:both;
	border-bottom: solid 1px #d9d9d9;
}
#project h1 {
	border-bottom: solid 1px #001F7C;
	color: #8B1E2E;
	font-size: 10pt;
	font-weight: 800;
	margin: 0px;
	padding-bottom: 2px;
	text-align: left;
}
#projectdetails h2{
	color:#000000;
	font-size:7pt;
	padding-left:65px;
	text-align:left;
	padding-top:5px;
		margin: 0px;
	padding-bottom:0px
}
#projectdetails p{
	color:#686868;
	font-size:7pt;
	font-weight:700;
	padding-bottom:2px;
	padding-left:65px;
	text-align:justify;
	margin: 0px;
	padding-top:-8px

}
#projectdetails img{
	padding-bottom:8px

}
#projectdetails .mas{
	text-align:right;
	padding: 2px 0 2px 2px;
}

#projectdetails .mas a{
	color:#076CBE;

}#projectdetails .mas a:hover{
	color:#3f74d8;
}
#projectdetails .price{
	color:#3f74d8;
	text-align:right;
	padding: 6px 6px 5px 8px;
	background-image: url(../images/botones/backprecios_02.gif);
	background-position: right center;
	background-repeat: repeat-x;

}
#project p.imgbtn{
	padding: 0px 0px 8px 0px;
	margin:0;
	position:relative;
	text-align:right;
	border-top: solid 1px #223F7B;
	}

.img {
	float: left;
	margin: 0;
	padding: 4px 10px 0px 0px;
	position: relative;
}

/*encuesta*/
.encuesta fieldset {
	text-decoration:none;
	color:#01203F;
	padding:8px 0px 0px 5px;
	margin:5px 0px 0px 0px;
	border:0px
	}
.encuesta ul {
	width:99%;
	padding:0px;
	margin:0px
	}
.encuesta legend {
	color:#01203F;
	padding:0px;
	margin:5px 5px 0px 5px;
	font-size:10pt;
	}
.encuesta li {
	text-decoration:none;
	list-style:none;
	color:#000;
	padding:0px 0px;
	margin:10px 0px 10px 0px;
	font-size:10pt;
	}
.encuesta select {
	color:#000;
	padding:0px;
	margin:0px;
	font-size:8pt;
	}
.encuesta label {
	width:60%;
	text-align:left;
	float:left;
	position:relative;
	clear:left;	
	padding:0px;
	padding-bottom:22px;
	margin:0px;
	}
.encuesta span {
	width:38%;
	text-align:right;
	float:right;
	position:relative;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top
	}
/* @group menu */
.menu {
	width:610px;
	position:relative;
	float:right;
	padding-top:30px;
	position:relative
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:610px;
	w\idth:609px;
	float:right;
	position:relative
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:right
}
.menu ul ul {
	width:1%;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:8pt;
	text-decoration:none;
	color:#01203F;
	border-right:1px solid #01203F;
	padding:5px 12px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:5%;
	w\idth:5%;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
	background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:24px;
	left:0;
	width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:23px;
	t\op:24px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:149px;
	top:-1px;
	width:149px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#00afda;
	filter: alpha(opacity = 85);
-moz-opacity: 0.85;
opacity: 0.85;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px;
	width:145px;
	border-width:0px 0px 1px 1px;
	display:block;
	text-align:left
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}
/* style the top level hover */
.menu a:hover {
	color:#fff;
	background-color:#00afda;
		filter: alpha(opacity = 85);
-moz-opacity: 0.85;
opacity: 0.85;
}
.menu :hover > a {
	color:#fff;
	background-color:#00afda;
		filter: alpha(opacity = 85);
-moz-opacity: 0.85;
opacity: 0.85;
}
.menu ul ul a:hover {
	color:#fff;
	background-color:#034E6E;
}
.menu ul ul :hover > a {
	color:#fff;
	background-color:#034E6E;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}