a { text-decoration:none;}

body {
	 font-family:Helvetica, Arial, sans-serif;
}
strong { 
	font-weight:bold;
}
form {
	margin-top:10px;
}
form label {
	font-size:90%;	
	width:80px;
	display:block;
	float:left;
	margin:10px 0;
}

form input,form textarea {
	margin:10px 0;
	font-size:90%;
	width:20em;
}
form textarea {
	height:5em;
}

.res { /*color naranja */
	color:#fd6205 !important;
}
.normal, .normal a {
	color:white;
}
p {
	font-size:90%;
}

p.normal a{
	font-size:0.9em;	
}
.va-middle {
	vertical-align:middle;
}
.txtCenter {
	text-align:center;
}
.submit {
	width:98px;
	height:34px;
	border:0;
	padding:0;
}

.error {
	color:red;
}

h1 {
	font-size: 200%;/*18px*/
	color: #4D4D4D;
	font-weight:bold;
}

ul {
	margin:0;
	padding:0;
}
ul li {
	list-style: none;
}

input {
	border:1px solid #ccc;
	background-color: #f0f0f0;
	color: #a9a9a9;
	padding-left:4px;
	height: 20px;
	line-height:20px;
}

.clear {
	clear:both;
}
.widthP50 {
	width:50%;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

#hd {
	height:80px;
}
#hd .yui-u {
    width:30%;
}

#hd .first {
    width:70%;
}

#main-ft {
	background-color: #e6e6e6;			
}
#main-ft img {
	margin:20px 0 0 20px; 
}
#main-ft h3 {
	font-size: 14px;
	margin-left: 20px;
}
#main-ft h3 a {
	text-decoration: none;
	color: #000;
}
#main-ft h3 img {
	margin:0px; 
}

#doc3 {
	margin:auto;
}
#ft {
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-y;
	height:70px;
}

#logo_obras {
	width:279px;
	float:right;
	margin-top:8px;
}

#menu-logo li {
	float:left;
}

#menu-logo li a {
	color: #000;
}
	
#menu-logo li.sep {
	margin-right: 20px;
	margin-left: 20px;
}
#menu-sec {
	width: 359px;
	float:right;
}
#menu-sec li {
	float:right;
	margin:0 0 10px 35px;
	margin-left:19px;
	.margin-left:27px;
	font-size:10px;
}
#menu-sec li a {
	.font-size: 11px;
	font-weight:bold;
}
.item-menu,h3,.menu li a,.menu-main .submenu li a {
	font-weight: normal;
	color: #575757;
	/*font-size:123.1%;*//*16px*/
}
.f18,.item-menu,h3,.menu li a {
	font-size:138.5%;/*18px*/
}
.menu-main {
	margin-left:20px
}
.menu-main .submenu {
	margin-left:30px
}

.f14, .f14 a {
	font-size:14px;/*14px deberia ser 108%*/
}
.strong,.strong li a,.menu-main li {
	color: #4d4d4d;
	font-weight: bold;
}
#menu {
	margin:10px;
	width:270px;
	float:left;
}
.menu li.sel a {
	color: #ff6304;
}
.menu li a {
	font-size:120%;
}
.menu.strong li a {
	font-size:100%;
}
#buscador {
	margin-top:30px;
	width: 230px;
	height: 25px;
	float:left;
	padding-top: 10px;
}

.spanBuscar{
	float:left;
	font-size: 14px;
	margin-left: 5px;
	margin-top: -17px;
}

#buscador a{
	margin-left: 5px;
	margin-top: 20px;
}
#q{
	width: 150px;
	float: left;
	margin-top: -5px;
}
div.sep, div.sep-in {
	background-color: #ff6306;
	border-top: 1px solid #ffd8bf;
	border-bottom: 1px solid #ffd8bf;
	height:14px;
}
div.sep-in {
	border:0;
	border-top: 1px solid #d05712;
	border-left: 1px solid #d05712;
}

#acomodaabajodos{
	height:144px;
}

#acomodaabajodosDESC{
	height:138px;
}

#imagenpdfest{
	float:left;
}

div.galeria .li {
	float:left;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
div.galeria img {
	float:left;
}

div.galeria a {
	color:#D0D1D9;
}

div.galeria .li span {
    position:relative;
	top: 2.2em;
}
div.galeria span.doslineas {
	top: 1.7em;
}
div.galeria:hover div.li {
	font-weight:bold;
	background-color:#B2B2B2;
}

div.galeria img.sel { 
    opacity: 0.4;
    filter:alpha(opacity=40);
}

div.galeria:hover img.sel { 
    opacity: 1;
    filter:alpha(opacity=100);
}

div.galeria:hover a {
	color:white;
}

div.box-detalle {
	border-top:1px solid #d1cdcc;
	background-color:#403635;
	color:white;
	font-size:138.5%;/*18px*/
}
div.box-detalle-light {
	border-top:1px solid #d1cdcc;
	background-color:#4c4c4c;
	color:white;
	font-size:123.1%;/*18px*/
}
div.box-form {
	padding: 10px 0;
	text-align:center;
	background-color: #f2f1ed;
}


ul.menu-detalle {
	padding-left:10px;
	padding-top:10px;
}

ul.menu-detalle h3 {
	color:white;
	font-size:102.1%;/*16px*/
}

ul.menu-detalle li {
	margin-top:10px;
}
ul.menu-detalle a {
	font-size: 85%;
	color: white;
}
.pad1em {
	padding:1em;
}
.pad2em {
	padding:2em;
}
ul.items-edit {
	margin-left:20px;
}

#main-ft div {
    margin:0;
}

#main-ft .first {
    margin-left:10px;
}


#main-ft .yui-u:hover img {
    opacity: 0.4;
    filter:alpha(opacity=40);
}

#main-ft .yui-u:hover h3 img {
    opacity: 1;
    filter:alpha(opacity=100);
}
/* Estilos para nueva pantalla de obras */

#carritosSeparado{
	float:left;
	width:250px;
	margin-left: 20px;
}

#cuerpoCategorias{
	float: left;
	background-color: #F0F0F0;
	width:738px;
	
}

.productoObras{
	float:left;
}

.nombreObras{
	font-family: helvetica;
	color:#F0F0F0;
	width: 140px;
	height: 70px;
	float: left;
	font-weight: bold;
	text-align: center;
}

.nombreObras a{
	font-family: helvetica;
	font-size: 12px;
	color:#4D4D4D;
}

.productoObras:hover .nombreObras{
	background-color:#4D4D4D;
	color:#FFF;
}

.productoObras:hover a{
	color:#FFF;
}

.productoObras:hover img{
	opacity: 0.4;
    filter:alpha(opacity=75);
}

.estilosNombre{
	float: left;
	width:139px;
	height:26px;
}
/*Vistas fijas contactenos*/
#cuerpoCuerpo{
	float:left;
	border: 1px solid #fff;
	height: 450px;
	width: 800px;
	margin-left: 50px;
}




.formConta{
	float:left;
	font-family: helvetica;
	color: #FF6306;
	margin-top: 20px;
	margin-left: 25px;
	font-weight: 600;
}

.formContaDatos{
	float:left;
	font-family: helvetica;
	color: #fff;
	margin-top: 30px;
	margin-left: 45px;
	width:250px;
	font-size:12px;

}

.formContaChek{
	font-family: helvetica;
	color: #FF6306;
	font-weight: 600;
}



.formContactenos{
	margin-top: 0px;
	float: left;
	width: 250px;
}

#areasBI{
	float: left;
	width: 300px;
	height:450px;
	margin-top:20px;
}

#alineadocheck{
	float:left;
	width: 75px;
}

#alineadocheckBI{
	float:left;
	width:120px;
	height: 200px;
}

.checkbox{
	float:left;
	width: 30px;
	height: 20px;
	background-color: #FFF;
	border: 0px;
	margin-top: 9px;
	margin-left: 35px;
	
}

.textoContactenos{
	float:left;
	font-family: verdana;
	font-size: 14px;
	color: #fff;
	margin-top: 11px;
	width: 30px;
}

#formularioDOS{
	float:left;
	margin-top: 20px
}

.clase1 a{
	text-decoration:none;
	color: #B2B2B2;
	font-size: 18px;
	font-family: helvetica;
}

/*Vistas fijas contactenos*/

#cuerpoCuerpo{
	float:left;
	height: 450px;
	width: 800px;
	margin-left: 50px;
}

#sep-inBI {
	background-color: #ff6306;
	height:14px;
	float:left;
	width: 97.3%;
	margin-left: 25px;
}

.formConta{
	float:left;
	font-family: helvetica;
	color: #FF6306;
	margin-top: 20px;
	margin-left: 25px;
	font-weight: 600;
}

.formContactenos{
	margin-top: 0px;
	float: left;
	width: 250px;
}

#areasBI{
	float: left;
	width: 300px;

	height:400px;
	margin-top:20px;
	margin-left: 25px;
}

#alineadocheck{
	float:left;
	width: 275px;
	
}

#alineadocheckBI{
	float:left;
	width:80px;
	border: 1px solid #fff;
	
}

.checkboxDos{
	float: left;
	border: 1px #403635 solid;
	width: 30px;
	height: 20px;
	background-color: #403635;
	margin-top: 30px;
	margin-left: -70px;
	
}

#checkUno{
	margin-left: 35px;
}

#spanDos{
	margin-left: -30px;
}

#spanTres{
	margin-left: -30px;
}

#spanCuatro{
	margin-left: -30px;
}

#spanCinco{
	margin-left: -30px;
}

.textoContactenos{
	float:left;
	font-family: verdana;
	font-size: 14px;
	color: #fff;
	margin-left: 10px;
}

#formularioDOS{
	float:left;
	margin-top: 20px
}

.clase1 a{
	float:left;
	margin-left:-15px;
	margin-top:15px;
	text-decoration:none;
	color: #B2B2B2;
	font-size: 18px;
	font-family: helvetica;
}
/*Styles para Obras realizadas */
#areasBIobras{
	float: left;
	width: 475px;
	height:850px;
	margin-top:20px;
	margin-left: 25px;
	
}

.textoFotito{
	font-family:verdana;
	font-color:#fff;
	font-size:12px;
	float:left;
	padding-left: 7px;
}

.textoFotitoPrimero{
	font-family:verdana;
	font-color:#fff;
	font-size:12px;
	float:left;
	padding-left: 7px;
}

.textoFotitoSegun{
	font-family:verdana;
	font-color:#fff;
	font-size:12px;
	float:left;
	padding-left: 7px;
}

#imagencitaTres{
	float:left;
	position:relative;
	margin-left:0 5px 0 -12px;
	margin-left: 8px;
}

.textoFotitoTerc{
	font-family:verdana;
	font-color:#fff;
	font-size:12px;
	float:left;
	padding-left: 7px;
}

#pieRealizadas{
	float:left;
	margin-top: 15px;
	width: 920px;
	height:200px;
	margin-left: 25px;
	font-family: verdana;
	font-size: 11px;
}

/*Para institucional */

#areasBIinstitucional{
	float: left;
	width: 625px;
	height:547px;
	margin-top:20px;
	margin-left: 25px;
	font-size: 14px;
	font-family: helvetica;
	color: #999999;
}
/* Para novedades */
#novedadObras{
	float: left;
	width: 585px;
	height:450px;
	margin-top:20px;
	margin-left: 25px;
	font-size: 12px;
	font-family: helvetica;
	color: #fff;
	line-height: 15px;
}


#novedadObrasIndicada{
	float: left;
	width: 920px;
	margin-top:20px;
	margin-left: 25px;
	font-size: 12px;
	font-family: helvetica;
	color: #fff;
	line-height: 15px;
}

.novedadObrasLista{
	float: left;
	width: 920px;
	height:135px;
	margin-top:20px;
	margin-left: 25px;
	font-size: 12px;
	font-family: helvetica;
	color: #fff;
	line-height: 15px;
}

.novedadListaIzq{
	float:left;
	width:600px;
}


.novedadListaIzqPIE{
	height:120px;
}

#novedadObrasID{

}

#novedadObras a {
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration:none;
}

#ObrasAbajoNovedad{
	float:left;
	margin-left:20px;
	width:300px;
	height:450px;
}

.ObrasAbajoNovedadLista{
	float:left;
	margin-left:20px;
	width:300px;
}

#acomodadorLista2{
	float:left;
}

#sep-inBINovedad {
	background-color: #ff6306;
	height:14px;
	float:left;
	width: 100%;
	margin-left: 0px;
	position: relative;
	margin-top:100px;
}


.sep-inBINovedadLista {
	background-color: #ff6306;
	height:5px;
	float:left;
	width: 100%;
	margin-left: 0px;
}


.rojor{
	color:#FF6600;
}

/* Para profesionales */

.profesionalesText{
	color: #0E0E0D;
	float: left;
	margin-top:20px;
	margin-left: 30px;
	font-family: verdana;
	font-size: 18px;
	font-weight: 600;
}

#profesionalesText2{
	float: left;
	width: 500px;
	height:400px;
	margin-top:15px;
	margin-left: 30px;
	font-family: verdana;
	font-size: 12px;
	color: #666666;
}

.profesionalesText2{
	color: #0E0E0D;
	float: left;
	margin-top:20px;
	margin-left: 435px;
	font-family: verdana;
	font-size: 18px;
	font-weight: 600;
}

#profesionalesText3{
	float: left;
	width: 475px;
	height:400px;
	margin-top:15px;
	margin-left: 435px;
	font-family: verdana;
	font-size: 12px;
	color: #666666;
}

.spanBuscar {
	color: #020000;
	display: block;
	cursor: hand;
	padding: 3px;
	position:relative;
	top: -5px;	
}

#ObrasAbajo{
	float:left;
	margin-left:20px;
	width:283px;
	height:547px;b
	order:1px solid #FFF;
}

.docegrisTres{
	float:left;
	font-family: verdana;
	color: #A0A0A0;
	font-size: 14px;
	line-height: 17px;
	margin-top:10px;
	margin-left:35px;
}

.rotulito{
	color: #4D4D4D;
	font-weight:bold;
	font-size:15px;
}

.rotulito a{
	text-decoration:none;
	color: #4D4D4D;
	font-weight:bold;
	font-size:15px;
}

.rotulito a:visited {
	text-decoration:none;
	color: #4D4D4D;
	font-weight:bold;
	font-size:15px;
}

#llevamarginleft{
	margin-left:0px;
	float:left;
	margin-top:7px;
}

#encabezadoarriba2{
	height: 25px;
	float:left;
	margin-top:25px;
	*margin-top:20px;	
	width:320px;
	margin-left:60px;
}

#datosHeader, #datosHeader a{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF6306;
}


#spancitos2{
	float:left;
	font-size:20px;
	font-family:helvetica;
	color:#FF6306;
	margin-top:4px;
}