@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
.clear { clear:both; line-height:0.1em; font-size:0.1em}
a { color:inherit; text-decoration:none}
.float_left { float:left; margin-right:10px;}
.float_right { float:right; margin-left: 10px;}
.error { color:#F00; text-shadow:0 0 0 5px #F00}
label.error { width:200px !important; }
body { background:#222 url(../imgs/fondo.jpg) top;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
a img { border:0px;}
#wrapper {  width:980px; margin:auto;}
.addthis_default_style   { display:inline-block; margin-left:20px; height:14px;}
.addthis_default_style a { float:none !important; display:inline}
/*---------Encabezado---------------*/
#encabezado { background:url(../imgs/encabezado.jpg) bottom; margin-top:20px;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);}
#top { height:28px; text-align:center; font-size:0.8em; line-height:28px; margin-left:10px; text-shadow:-1px -1px 0px #ddd; color:#333}
#logo { height:140px; text-align:center}
.logo_img { margin:0}
#slogan { float:right;margin:8px 10px 0 0}

/*------MENU-------------*/
#menu { height:32px; text-align:center; text-transform:uppercase; font-size:1em;}
#menu ul {}
#menu li { display:inline-block; line-height:32px;  text-shadow:1px 1px 0px  #fff; font-weight:bold; color:rgb(128, 128, 128); margin-left:-5px; border-right:1px solid rgb(182, 182, 182); font-family:'Prosto One', cursive;}
#menu li:hover { background:rgba(255,255,255,0.3); color:#03C; text-shadow:none;-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px}
.ultimo { border:none !important}
#menu a { display:block;padding:0 20px; }

/*----Menu izquierda-------------*/
#menuizq ul {}
#menuizq li { list-style-image: url(../imgs/indent1.png); list-style-position:inside; padding:0 10px; border-bottom:1px solid #D6D6D6; background:#E7F7CE}
#menuizq li:hover { background-color:#F7F7F7;}
#menuizq a {display:block; line-height:20px; padding:10px 0px}
#menuizq a:hover { text-decoration:underline; }
#menuizq li li a{ font-size:0.8em; line-height:0.8em;}
#menuizq li li li { list-style:none}



/*--------Contenido------*/
#contenido { border-bottom:#666 1px solid;background:rgb(255, 255, 255); border-left:0px solid #000;
-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);}


	/*--------Columna izquierda-----*/
	#col_izq { width:100px; float:right; overflow:hidden; }
	
	
	/*--------Columna derecha-----*/
	#col_dcha { width:838px; float:left;background:#fff url(../imgs/fondocont.gif) repeat-x top left; padding:20px 20px 10px 20px; min-height:370px; border-right:1px solid #333; font-size:0.9em;}
	#col_dcha h2 {color: #333;line-height:40px; font-size:1.6em; margin-bottom:15px;font-family:'Prosto One', cursive; border-bottom:1px dotted #333; }
	#col_dcha img { vertical-align:middle}
	#col_dcha h3 { border-bottom:1px solid #39C; margin:10px 0px; color:#39C; font-family:Arial, Helvetica, sans-serif}
	#col_dcha h4 { border-bottom:1px solid #39C; margin:10px 0px; color:#39C; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em;}
	#col_dcha strong { color: #903}
/*------------Prefooter---------------*/
#prefooter { border-bottom:1px solid #999; border-top:#FFF 1px solid; background:#e2e2e2;font-size:0.7em; text-align:center;
-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#prefooter img {  vertical-align:middle}
#prefooter ul {text-shadow:1px 1px 0px #FFF; padding-top:11px;}
#prefooter li { display:inline-block; padding:0 7px; margin:3px 0 }

/*------------Pie---------------*/
#footer {  font-size:0.7em; text-align:left; color:white; text-transform:uppercase; font-weight:bold}
#footer ul {text-shadow:1px 1px 0px #FFF; height:70px; padding-top:31px;}
#footer li { display:inline-block; padding:0 7px; margin:3px 0 }
#footer ul:hover { background: rgba(4,137,216,0.1);text-shadow:none }

 /*-refooter--*/
 #refooter { font-size:0.7em; text-align:center; width:900px; margin:10px auto; color:#555; padding-bottom:25px; }
#refooter ul {}
#refooter li { display:inline-block; line-height:32px; padding:0 5px; }
#refooter a:hover { color:#000;text-shadow:none }
.athenas { float:right; margin-right:15px; margin-top:15px}


/*-----Formulario presupuesto -----------*/
#presupuesto p,#contactar p { margin:5px 0;}
#presupuesto label,#contactar label { width:130px; display: inline-block; text-transform:capitalize; font-size:0.8em; margin-left:2em}
.boton { padding:10px 80px}

/*------Formulario contacto-------------*/
.aviso_legal { font-size:0.6em; color:#999;}

/*--------Trabajos realizados-----*/
.cont_tra { text-align:center; margin:auto; width:650px; padding:2px; border:1px solid #CCC; margin-bottom: 15px;}
.foto_tra {  padding:5px; margin:auto}
.texto_tra {width:500px; padding:10px; margin:auto}

ul.lista li { margin-left:15px;}