/* CSS Document */

* {
	margin:0;
	padding:0;
	outline:none;
}
.clearfix:after {
content: “.”;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/* estructura general */
body {
	background:#fff url(images/f_web.jpg) center top no-repeat;
}
#menu {
	font: 14px "lucida sans unicode";
	color: #fff;
	margin: 0 auto;
	width: 950px;
	text-align: right;
	position: relative;
	height: 30px;
}
#logotipo {
	top: 20px;
	left: 0px;
	position: absolute;
	font: 12px "trebuchet ms";
	color: #fff;
}
#cuerpo {
	width: 950px;
	margin: 0 auto;
}
#menu a {
	color: #fff;
	text-decoration: none;
	padding: 6px;
	margin: 0;
	display: inline-block;
}
#menu a:hover {
	background-color:#000
}

.home {
background:#CC0066;
}

.qsomos {
	background:#DF231E;
}
.web {
	background:#9AC23A;
}
.coste {
	background:#EFB400;
}
.contacto {
	background:#0266C8;
}

.buttons span {
	cursor:pointer;
	font:10px Verdana;
	padding: 6px;
	margin: 0;
	display: inline-block;
	font: 14px "lucida sans unicode";
	color: #fff;
}


.buttons span.active {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
	color:#fff;
	background:#666;

}

.buttons span:hover {
	background:#000;
	color:#fff;
}

/* Sample 4*/
#box4 {
	position:absolute;
}
#box4 div {
	width:950px;
	height:600px;
	float:left;
	
}
.mascara {
	position:relative;
	width:950px;
	height:600px;
	overflow:hidden;
}

/* estilos paneles */
.paneles {
position:relative;
background:url(images/paneles.png) center top no-repeat;
}
#box4 #panelhome1 {
	position:absolute;
	width:263px;
	height:221px;
	z-index:1;
	left: 47px;
	top: 14px;
}
#box4 #panelhome2 {
	position:absolute;
	width:263px;
	height:222px;
	z-index:1;
	left: 341px;
	top: 14px;
}
#box4 #panelhome3 {
	position:absolute;
	width:263px;
	height:224px;
	z-index:1;
	left: 641px;
	top: 14px;
}

#box4 #panelhome4 {
	position:absolute;
	width:860px;
	height:222px;
	z-index:1;
	left: 47px;
	top: 14px;
	
}

#box4 #panelprecio {
position:absolute;
width:75px;
height:30px;
text-align:center;
left:824px;
top:8px;
font:bold 20px "trebuchet ms";
color:#fff;
}


#box4 .paneles h1 {
	font: normal 18px "lucida sans unicode";
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
}
#box4 .paneles  ul {
	list-style: none;
	color: #666;
	font: 12px "lucida sans unicode";
	margin: 10px 0 0 0;
	padding: 0;
}
#box4 .paneles ul li {
	background: url(images/vineta.png) left 4px no-repeat;
	;
	margin: 0;
	padding: 0 0 5px 15px;
}

#box4 p {
color: #666;
font: 12px "lucida sans unicode";
line-height: 19px;
}

#box4 a {
color:#000;
text-decoration:none;
border-bottom:1px dotted #999;
}

#box4 a:hover {
background:#eee;
border:none;
}

#pie {
	margin: 0 auto;
	font: 10px "trebuchet ms";
	text-align: center;
	color: #39435E;
	letter-spacing: 1px;
	width: 950px;
	margin-top: 20px;
}
#pie a {
	color: #516086;
	text-decoration: none;
}
.dcweb {
	font: bold 12px verdana;
	color: #00A3F6;
}
.subrayado {
	background: #EAF2CE;
}

.subrayado_oro {
	background:#FFF1C6;
}

.subrayado_cielo {
background:#EDF1FA;
}

/* estilos formulario presupuesto */
form {
font:11px tahoma;
padding:10px;
line-height:15px;
color:#666;
}

#box4 form a {
color:#FF6600;
}

.seccionformulario {
margin:0;
margin-bottom:5px;
	font: bold 12px verdana;
	color: #00A3F6;
display:block;
}

.precio {
color:#3463BB;
padding:1px;
background:#EDF1FA;
letter-spacing:1px;
font:10px verdana;
}

input, textarea, select {
font:10px tahoma;
border:1px solid gainsboro;
width:170px;
padding:1px;
}

input.check {
width:auto;
}

input.btnenvio {
width:175px;
color:#333;
font:bold 11px "trebuchet ms";
background:#ddd;
padding:4px;
border:1px solid #fff;
margin-top:10px;
letter-spacing:1px;
}