@charset "utf-8";
@import url("css_menu/menu_new.css");

/* CSS Document */



/*--------------reset------------------*/

body, h1, h2, h3, h4, h5, h6, li, ul, div, p, input, select, form, img, textarea{padding:0; margin: 0;list-style: none; text-align:justify}

img{border:0;}

a img{ border:0;}

/*-------------------------------------*/

body {background:#ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;text-align:center}

/*-------------------------------------*/

#top{ height:26px; width:100%; background:#333333; display:none;}

/*--------------------------------------*/

#contenedor
{
width:880px;
background: url(img/back_contenedor.jpg) repeat-y #e4e4e4;
margin:0 auto;
text-align:left;
}

/*---------------------------------------*/

#footer{ height:40px;width:100%; clear:both; text-align:center}

/*---------------------------------------*/


#contenido{ width:830px; height:670px; ;margin-left:20px;background:#e4e4e4;}

#colleft{ background:url(img/back_colleft.jpg) bottom right no-repeat/* #e4e4e4*/; height:670px; width:555px; /*background:#999999;*/ float:left}

	#header{ height:95px; background: url(img/logo_in.gif) no-repeat 50px 5px; text-indent:-9000px; }
	#menu{height:55px; background:url(img/img_menu/back_menu_azul.gif) no-repeat top; }
	
	#textos{width:490px; margin:15px 0px 0px 45px; position:relative}
		#textos h1{font-size:14px; color:#e4e4e4; text-align:left;height:25px; background:url(img/sep_hor.gif) bottom repeat-x; margin:0px 0px 25px 0px; padding-left:10px;}
		#textos  p{font-size:12px; margin-bottom:15px;padding-left:10px;line-height:18px;}
		#textos  img{margin-bottom:15px;padding-left:10px;}		
#colrigth{ width:275px; /*background:#ff0000;*/ float:left}
	h3{margin: 0px 0px 10px 18px;font-size:14px; color:#507fa7;}
	h4{padding-left:10px;font-size:11px; color:#507fa7;}	
#footer{clear:both;background:url(img/back_footer.jpg) no-repeat;height:20px;padding-top:25px;  }

/*---------home--------*/
#topHome{height:313px; background:url(img/img_home/top.jpg) no-repeat; position:relative}
	#topHome h1{width:179px; height:81px; text-indent:-9000px; background: url(img/img_home/logo.gif) no-repeat;position:absolute; top: 20px; left:580px;}

#bottomHome{height:355px; background:url(img/img_home/bottom.jpg) no-repeat; position: relative}

#item{width:225px; height:275px;/*background: url(img/img_home/back_item.png)*/}
	a #item {cursor:pointer;width:225px; height:275px;text-decoration:none}
	a:hover #item {filter: alpha(opacity=90); opacity: .9; margin: 1px }
	a #item  p{color:#ffffff; padding:15px 15px 0px 15px;}	
	.uno {position:absolute; top:47px; left:30px; background: url(img/img_home/back_uno.jpg)}
	.dos {position:absolute; top:47px; left:301px; background: url(img/img_home/back_dos.jpg)}
	.tres {position:absolute; top:47px; left:565px; background: url(img/img_home/back_tres.jpg)}	
/*------experiencia-------*/
#experiencia p{font-size:12px;line-height:normal;}

#experiencia h4 a{font-size:12px; color:#507fa7;text-decoration:none}
#experiencia h4 a:hover{color:#000000;}

.experiencia #img{height:395px}
.experiencia  #menulateral{padding-top:10px;margin-right:5px;}
.experiencia  #menulateral ul{height:auto; text-align:left; margin-left:18px;background:url(img/sep_hor.gif) top repeat-x;}
.experiencia  #menulateral ul li {background:url(img/sep_hor.gif) bottom repeat-x; padding:10px 0px 10px 5px}
.experiencia  #menulateral ul li a{background:url(img/img_col_der/bullet_menu.gif)no-repeat; text-decoration:none;padding-left:15px;color:#e4e4e4}

/*-----empresa-----*/
.empresa #img{height:485px}
.empresa  #menulateral{padding-top:10px;margin-right:5px;}
.empresa  #menulateral ul{height:auto; text-align:left; margin-left:18px;background:url(img/sep_hor.gif) top repeat-x;}
.empresa  #menulateral ul li {background:url(img/sep_hor.gif) bottom repeat-x; padding:10px 0px 10px 5px}
.empresa  #menulateral ul li a{background:url(img/img_col_der/bullet_menu.gif)no-repeat; text-decoration:none;padding-left:15px;color:#e4e4e4}

#btnDescargar{position:absolute;top:300px; left:320px; height:40px; width:135px;text-indent:-9000px; background:url(img/img_col_der/btn_descargar.gif) no-repeat; cursor:pointer}


/*-------clientes---------*/
#listaclientes{width: 480pxpx; height:440px; overflow:scroll;overflow-x:hidden}
#listaclientes li{float:left; background:#e9e9e9;margin: 0px 10px 10px 0px;}
#listaclientes li a{color:#000000; text-decoration:none; display:block;width: 225px; height:56px;}
#listaclientes li a:hover{text-decoration:none;background:#dfdfdf}
#listaclientes li img{width:50px; height:50px; float:left; margin:2px;padding: 0px;}
#listaclientes li p{margin:0px 0px 0px 2px;float:left;padding-left: 0px; font-size:10px; line-height:13px;width:150px; cursor:pointer}

.clientes #img{height:395px}
.clientes  #menulateral{padding-top:10px;margin-right:5px;}
.clientes  #menulateral ul{height:auto; text-align:left; margin-left:10px;background:url(img/sep_hor.gif) top repeat-x;}
.clientes  #menulateral ul li {background:url(img/sep_hor.gif) bottom repeat-x; padding:10px 0px 10px 5px}
.clientes  #menulateral ul li a{background:url(img/img_col_der/bullet_menu.gif)no-repeat; text-decoration:none;padding-left:15px;color:#e4e4e4}

/*-------obras----------*/

.obras #img{height:375px}
.obras  #menulateral{height:280px; padding-top:10px;}
	
.obras  #menulateral ul{height:245px; overflow:scroll; text-align:left; margin-left:18px; overflow-x:hidden}
.obras  #menulateral ul li{margin:10px 0px 10px 0px; padding-right:3px;}	
.obras  #menulateral ul li a{color:#000; text-decoration:none}	
.obras  #menulateral ul li a:hover{color:#8f8f8f; text-decoration:none}


#obras{ text-align:left;padding-left:10px;}
	#obras h2{ font-size:14px;letter-spacing:-0.8px; margin-bottom:5px}
	#obras p { font-size:12px; margin-bottom:15px;line-height:normal;}
	#obras img{ width:120px; height:120px}

.fotosObras{height:140px;width:100%; }

#fotosObras li{font-size: 10px;list-style-type:none;width: 120px; height: 120px; padding:3px; background: #141414; position:relative;margin:5px 25px 10px 5px; float:left;}
#fotosObras li a:hover{filter: alpha(opacity=80); opacity: .8}
#fotosObras li b{padding:3px 0px 0px 3px;background: url(img/back.png); position:absolute; top: 95px; left: 3px; width:117px; height:25px; color:#ffffff; text-decoration: none;line-height:12px  } 
#fotosObras li a:hover{color:#f0f0f0;}
#fotosObras img{width:120px; height:120px;margin:0px; padding:0px}
.ampliar{ position: absolute; top: 95px; left:95px; width:20px;height:20px;background: url(img/img_contacto/.png) no-repeat; text-indent:-9000px; }

/*-------contacto----------*/

.email{}
.email a{text-decoration:none; color:#000;}
.email a:hover{color:#507FA7;}

#btnDescargarvcard{position:absolute;top:300px; left:320px; height:40px; width:135px;text-indent:-9000px; background:url(img/img_contacto/btn_descargarvcard.gif) no-repeat; cursor:pointer}

/*--------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */