
* {margin:0;padding:0;} 

html, body {
	height: 100%;
	background:	#44526d url('../imagenes/fondo3.png') no-repeat scroll center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #002D62;
	line-height:20px;	
	}
body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

#wrap {
	min-height: 100%;
	}

#main {
	overflow:auto;
	padding-bottom: 150px;
	}
	#logo {
		position:relative;
		left:50%;
		margin-left:-166px;
		background:url(../imagenes/logo2.png);
		background-repeat:no-repeat;
		margin-top:0px;
		display:block;
		width:355px;
		height:167px;
		float:left;
	}
#menu {
	width:610px;
	position:relative;
	margin-top:170px;
	border-top:dotted 1px #FFF;
	border-bottom:dotted 1px #FFF;
	display:block;
	height:37px;
	left:50%;
	margin-left:-305px;
	
}
	#navi {  
		list-style:none;
		margin:0;
		margin-left:0px;
		padding:0px;
	}
	#navi li {
		margin:0px;
		padding:5px;
		float:left;
	}
	#navi li a{
		display:block;
		width:110px;
		padding:5px 0;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
		text-align:center;
		font:"Trebuchet MS";
		font-size:14px;
		color:#FFF;
	/*	background-color:#94ac5b;
		border-radius:3px;
		-moz-border-radius:3px;
		box-shadow: 0px 3px 7px #5d768b; */
	/*	-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out; */
	}
	
	#navi li a:hover {
		color:#000;
		background-color:#f0b22d;
		border-radius:3px;
		-moz-border-radius:3px;
		padding-top:3px;
		padding-bottom:3px;
	/*	margin-top:-5px; */
	/*	background-color:#5b7719; */
	}
#menuimprenta {
	width:600px;
	height:405px;
	left:50%;
	margin-left:-300px;
	margin-top:15px;	
	position:relative;
	visibility:hidden;
	display:none;
}
	#menuimprenta p{
		color:#FFF;
		font:"Trebuchet MS";
		font-size:14px;		
	}
#menusellos {
	width:600px;
	height:315px;
	left:50%;
	margin-left:-300px;
	margin-top:15px;
	position:relative;
	visibility:hidden;
	display:none;
}
	#menusellos p{
		color:#FFF;
		font:"Trebuchet MS";
		font-size:14px;		
	}
#menurotulacion {
	width:600px;
	height:315px;
	left:50%;
	margin-left:-300px;
	margin-top:15px;
	position:relative;
	visibility:hidden;
	display:none;
}
	#menurotulacion p{
		color:#FFF;
		font:"Trebuchet MS";
		font-size:14px;		
	}

#menucamisetas {
	width:600px;
	height:315px;
	left:50%;
	margin-left:-300px;
	margin-top:15px;
	position:relative;
	visibility:hidden;
	display:none;
}
	#menucamisetas p{
		color:#FFF;
		font:"Trebuchet MS";
		font-size:14px;		
	}


#presupuesto {	
	width:450px;
	height:430px;
	left:50%;
	margin-left:-225px;
	margin-top:15px;
	position:relative;
	visibility:hidden;
	display:none;
	background: #c9d0de;
	border: 1px solid #e1e1e1;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;	
	font:"Trebuchet MS";
	margin-bottom:15px;
}
	#presupuesto h1 {
		font-size: 25px; color: #445668; text-transform: uppercase;
		text-align: center; margin: 20px 0 20px 0;
	}
	
	#presupuesto label {
		float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
		text-align: right; font-size: 16px; color: #445668; 
	}
	#presupuesto input {
		width: 260px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
		background: #5E768D;
		background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
		font-size: 14px; color: #f2f2f2;
	}
	#presupuesto input::-webkit-input-placeholder  {
			color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
		}
	#presupuesto input:-moz-placeholder {
			color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
		}

	#presupuesto textarea {
		width: 260px; height: 140px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
		background: #5E768D;
		background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
		font-family: sans-serif; font-size: 14px; color: #f2f2f2;
		max-width:260px;
		max-height:140px;

	}
	#presupuesto textarea::-webkit-input-placeholder  {
			color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
		}
	#presupuesto textarea:-moz-placeholder {
			color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
		}
		
	#presupuesto input:focus, textarea:focus {
		background: #728eaa;
		background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
	}
	
	#presupuesto input[type=button] {
		width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;
		-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
		border: 1px solid #556f8c;
		background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
		cursor: pointer;
	}


#foto {
	width:610px;
	height:250px;
	display:block;
	position:relative;
	margin-top:20px;
	left:50%;
	margin-left:-305px;
}

/* PIE DE PAGINA */
#pie {
	position: relative;
	margin-top: -150px;
	height: 150px;
	clear:both;
	background-color:#334059;
	color:#FFF;
	font:"Trebuchet MS";
	font-size:14px;
	} 
#zona_empresas{
	width:610px;
	position:relative;
	height:75px;
}
	#empresas {
		list-style:none;
		margin:0;
		padding:0px;
	}
	#empresas li {
		margin:0px;
		float:left;
	}
	#empresas li a {
		width:145px;
		height:60px;
		display:block;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;

	}
		#empgranagraf a{
			background:url(../imagenes/granagrafblanco.png) no-repeat;
			margin-top:5px;
			padding-right:25px;
			margin-left:40px;
		}
		#empgranagraf a:hover{
			background:url(../imagenes/granagraf.png) no-repeat;
			margin-top:-5px;
		}
		#emptodosello a{
			background:url(../imagenes/todoselloblanco.png) no-repeat;
			margin-top:5px;
			padding-right:20px;
			
		}
		#emptodosello a:hover{
			background:url(../imagenes/todosello.png) no-repeat ;
			margin-top:-5px;
		}
		#emptodotarjeta a{
			background:url(../imagenes/todotarjetablanco.png) no-repeat;
			margin-top:5px;
		}
		#emptodotarjeta a:hover{
			background:url(../imagenes/todotarjeta.png) no-repeat;
			margin-top:-5px;
		}
		#flecha img{
			margin-top:18px;
			opacity:0;
			cursor:pointer;
		}	

#zona_pie{
	width:610px;
	position:relative;
	border-top:dotted 1px #FFF;
	border-bottom: dotted 1px #FFF;
	height:50px;
}

	#texto_pie{
		position:relative;
		float:left;
		margin-top:5px;
		height:40px;
			
	}
		#granagraf {
			list-style:none;
			margin:0;
			padding:0px;
		}
		#granagraf li {
			margin:0px;
			padding:5px;
			float:left;
		
		}
		#granagraf li a, span {
			display:block;
			margin-top:7px;
			padding-left:3px;
			padding-right:8px;
			border-right:solid #657c92;
			border-width:1px;
		
			text-decoration:none;
			text-align:center;
		
			font:"Trebuchet MS";
			font-size:14px;
		
			color:#FFF;
		}
	#social{
		visibility:hidden;
		position:relative;
		float:right;
		margin-top:3px;

	}
#quiensomos{
	width:610px;
	position:relative;
	height:160px;
	visibility:hidden;
	display:none;

	}
#dondeestamos{
	width:610px;
	position:relative;
	height:200px;
	visibility:hidden;
	display:none;
	}







/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/
