@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1}:focus{outline:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}input,textarea{margin:0;padding:0}hr{margin:0;padding:0;border:0;color:#d4d4d4;background-color:#d4d4d4;height:1px;}

body{font-family: Verdana, Geneva, sans-serif; font-size:12px;}
b{font-weight:bold;}
a{color:#4A8ACE;}
#contenido #avisolegal p {line-height:140%; font-size:12px;margin-bottom:6px; text-align:justify;}
.wrap{margin:0 auto; width:980px;}

/* Header */
#header{height:115px; background:#CEE7F7 url(../img/bg_header.jpg) repeat-x;}
	#header img{padding-top:6px; float:left;}

ul#nav {float:right; padding-top:81px;}
	ul#nav li{float:left; margin-left:10px; }
		ul#nav li a{display:block; width:123px; height:34px; text-align:center; text-decoration:none; color:#333; font-size:13px;background-image:url(../img/btn_menu.png);}
		ul#nav li a span{font-weight:bold;}
			ul#nav li a.inicio{background-position:0 -272px;}	
			ul#nav li a.servicios{background-position:0 -68px;}	
			ul#nav li a.trabajos{background-position:0 -136px;}	
			ul#nav li a.proyectos{background-position:0 -204px;}	
			ul#nav li a.contacto{background-position:0 0;}
			ul#nav li a.inicio:hover{background-position:0 -306px; padding-top:4px; height:30px;}	
			ul#nav li a.servicios:hover{background-position:0 -102px; padding-top:4px; height:30px;}	
			ul#nav li a.trabajos:hover{background-position:0 -170px; padding-top:4px; height:30px;}
			ul#nav li a.proyectos:hover{background-position:0 -238px; padding-top:4px; height:30px;}	
			ul#nav li a.contacto:hover{background-position:0 -34px; padding-top:4px; height:30px;}	

#promo{height:250px; background: url(../img/bg_promo.jpg) repeat-x;}
	#promo p{padding-top:20px; font-family:Verdana; color:#FFF; width:500px; line-height:140%; text-align:justify;}
	#promo h6{font-size:24px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; text-align:left; padding-top:40px; line-height:130%;}
	#promo img{float:right;}

#contenido{margin-top:20px;}
	#contenido h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:20px;font-weight:normal;color:#488BD2;margin:0; margin-bottom:10px; height:28px; padding-top:6px;}
	#contenido .left{float:left; width:700px;border-right:1px solid #C4C4C4;}
	#contenido .caja{width:300px; padding:5px; float:left;}
		#contenido p {line-height:140%; font-size:12px;}
		#contenido .caja p {font-size:11px;}
		#contenido .caja p a{float:right;font-size:10px;margin-top:4px;}
		#contenido .caja img{float:left; margin-right:5px; margin-bottom:5px;}
	#contenido .espacio{margin-left:42px;}
	
	#contenido .right{float: right;width:264px; height:370px; padding-left:15px;}
		#contenido .right h1{padding-left:0px;}
		#contenido .right ul li{list-style:circle; margin-left:20px; margin-bottom:10px;}

#left_servicios{width:475px; float:left; padding-right:10px; border-right:1px solid #d3d3d3; text-align:justify;}
	#left_servicios img{float:right; margin-left:10px; margin-bottom:10px;}
	#left_servicios h2{margin:20px 0 10px 0; font-size:14px; font-weight:bold;}
#right_servicios{width:480px; float:right; padding-left:10px; text-align:justify;}
	#right_servicios img{float:right; margin-left:10px; margin-bottom:10px;}
	#right_servicios h2{margin:20px 0 10px 0; font-size:14px; font-weight:bold;}


.left_trabajos{width:475px; float:left; padding-right:10px; text-align:justify; border-right:1px solid #d3d3d3;}
.right_trabajos{width:480px; float:right; padding-left:10px; text-align:justify;}
	.right_trabajos p{margin-bottom:10px;}
	.right_trabajos span{ float:right;}
	.right_trabajos a{padding-right: 20px; background: transparent url(../img/enlaceexterno.png) no-repeat center right;}

#left_proyectos{width:205px; float:left; padding-right:10px; text-align:justify;}
	#left_proyectos ul {width:200px; list-style-type:none;}
	#left_proyectos li {width:200px; margin-bottom:10px; float:left; line-height:15px;}
		#left_proyectos li a span{display:none;}
		#left_proyectos li a{display:block; width:190px; margin-right:1px; height:50px; float:left;background-image:url(../img/logos_site.jpg); }
			#left_proyectos ul li a.decoestilo{background-position:0 -150px;}	
			#left_proyectos ul li a.decoestilo:hover{background-position:0 -100px;}	
			#left_proyectos ul li a.decoestilomagazine{background-position:0 -250px;}	
			#left_proyectos ul li a.decoestilomagazine:hover{background-position:0 -200px;}	
			
			#left_proyectos ul li a.amueblando{background-position:0 -50px;}	
			#left_proyectos ul li a.amueblando:hover{background-position:0 -0px;}
			#left_proyectos ul li a.topestilo{background-position:0 -550px;}	
			#left_proyectos ul li a.topestilo:hover{background-position:0 -500px;}	
			#left_proyectos ul li a.modoexperto{background-position:0 -450px;}	
			#left_proyectos ul li a.modoexperto:hover{background-position:0 -400px;}			
			#left_proyectos ul li a.decohome{background-position:0 -350px;}	
			#left_proyectos ul li a.decohome:hover{background-position:0 -300px;}		
			#left_proyectos ul li a.webscompletas{background-position:0 -650px;}	
			#left_proyectos ul li a.webscompletas:hover{background-position:0 -600px;}		
	
			#left_proyectos ul li a.decoestilo_on{background-position:0 -100px;}	
			#left_proyectos ul li a.decoestilomagazine_on{background-position:0 -200px;}	
			#left_proyectos ul li a.amueblando_on{background-position:0 -0px;}
			#left_proyectos ul li a.topestilo_on{background-position:0 -500px;}	
			#left_proyectos ul li a.modoexperto_on{background-position:0 -400px;}			
			#left_proyectos ul li a.decohome_on{background-position:0 -300px;}		
			#left_proyectos ul li a.webscompletas_on{background-position:0 -600px;}				

#right_proyectos{width:745px; float:right; padding-left:10px; text-align:justify; border-left:1px solid #d3d3d3;}
	#right_proyectos span{float:right;}
	#right_proyectos a.out{padding-right: 20px; background: transparent url(../img/enlaceexterno.png) no-repeat center right;}
	#right_proyectos p{margin-bottom:10px;}
	#right_proyectos img{border:1px solid #d3d3d3; padding:4px; text-align:center;}

#footer{margin:0 auto; margin-top:30px;width:980px;height:30px; color:#000; padding-top:10px; border-top:1px solid #ccc;}
	#footer span{float:right;}
	
	ul#sites li a{display:block; width:190px; margin-right:1px; height:50px; float:left;background-image:url(../img/logos_site.jpg); }
		ul#sites li a span{display:none;}
		ul#sites li a.decoestilo{background-position:0 -150px;}	
		ul#sites li a.decoestilo:hover{ background-position:0 -100px;}	
		ul#sites li a.decoestilomagazine{background-position:0 -200px;}	
		ul#sites li a.decoestilomagazine:hover{background-position:0 -250px;}	
		ul#sites li a.amueblando{background-position:0 -50px;}	
		ul#sites li a.amueblando:hover{background-position:0 0px;}
		ul#sites li a.topestilo{background-position:0 -550px;}	
		ul#sites li a.topestilo:hover{background-position:0 -500px;}	
		ul#sites li a.modoexperto{background-position:0 -450px;}	
		ul#sites li a.modoexperto:hover{background-position:0 -400px;}			
		ul#sites li a.decohome{background-position:0 -350px;}	
		ul#sites li a.decohome:hover{background-position:0 -300px;}		

.lista ul{margin-bottom:20px;}
.lista li{line-height:140%;list-style-image:url(../img/bullet.png); margin-left:20px; margin-bottom:6px;}

label {display:block;font-weight:bold; height:20px; font-size:12px;} 
legend {font-size:120%;} 
fieldset {margin:auto; border:1px solid #ccc; color:#699BC9; font-weight:bold; padding-left:20px; margin-bottom:10px; width:740px;} 
fieldset p{padding-left:60px;}
	
#frmficha{clear:both; margin:0 auto; margin:10px 0; padding-left:0px; width:90%;}
	#frmficha label{margin-top: 5px; font-weight:normal;}
	#frmficha input{border: 1px solid #ccc; padding:4px; width:100%; font-family:Verdana;}
	#frmficha input.boton{border: 1px solid #ccc; padding:4px; width:80px; margin-right:10px;}
	#frmficha input.date_input{width:76px;}
	#frmficha div{text-align:center; margin-top:10px;}
	
#alerta{margin:10px 0; background-color:#FCCECD; border-bottom:1px solid #F00;border-top:1px solid #F00; padding:10px 2px; color:#000; width:90%; text-align:center;}	
#alertabuena{margin:10px 0; background-color:#E8FBE1; border-bottom:1px solid #060;border-top:1px solid #060; padding:10px 2px; color:#000; width:90%; text-align:center;}	
#descargas{width:100%; background-color:#4A8ACE; margin:10px 0; color:#fff; text-align:right;}
	#descargas p {padding:10px;}
		#descargas p a {color:#FFF;}
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
 border: 1px solid #e5e5e5;

} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
margin-top:5px;
float:right;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: normal 12px Verdana; 
text-align: center; 
line-height: 22px; 
background: #e5e5e5; 
color: #000; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #4A8ACE; 
color: #fff; 
}