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

/* ----------------- */
/*      RESETER      */
/* ----------------- */

* {
  margin:0;
  padding:0;
}

  .borderless{
      border:0!important;
  }

  a img{
      border:0;
  }
    a:focus{
  outline:0;
  }

/* ----------------- */
/*     GENERALES     */
/* ----------------- */

body{
	margin:0;
	padding:0;
	background:url("bitmaps/pattern.gif") fixed;
	font-family:Tahoma,Arial, Verdana, Sans-Serif;
	color:#FFF;
}

	#container{
		width:800px;
		margin:0 auto;
	}
	
	h2{
		overflow:hidden;
		text-indent:-999px;
		height:47px;
	}
	
	p{
		font-size: 0.7em;
		font-weight:normal;
		text-align:justify;
		width:348px;
		margin:12px 16px 10px 0;
	}
	
	.up{
		width:300px;
		height:15px;
		margin:20px 16px 0 0;
		float:right;
	}
	
	a.up_btn{
		display:block;
		float:right;
		text-decoration:none;
		color:#333;
		font-size:0.6em;
		width:56px;
		height:10px;
		background:url("bitmaps/arrow_up.gif") no-repeat right center;
		padding:5px 0 0 0;
		letter-spacing:0.2em;
	}
	
	a.up_btn:hover{
		color:#555;
		background:url("bitmaps/arrow_up_hover.gif") no-repeat right center;		
	}
	
	img{
		margin:14px 0 0 14px;
	}
	
	
	.left{
		float:left;
	}
	
	.right{
		float:right;
	}
	
	.bold{
		font-weight:bold;
	}
	
	.asterisco{
		font-size:1.5em;
		color:#F80000;
	}
	
/* ----------------- */
/*      SIDEBAR      */
/* ----------------- */

	#side{
		width:265px;
		height:100%;
		background:#000;
		float:left;
		position:fixed;
	}
	
	h1{
		background:url("../imgs/logo.gif");
		width:265px;
		height:169px;
		overflow:hidden;
		text-indent:-999px;
		margin:0;
	}
	
	ul.datos{
		list-style:none;
		height:412px;
		margin:0;
		background:url("../imgs/bk_side.jpg");
		padding:112px 0 0 76px;
	}
	
	ul.datos li{
		font-size:13px;
		width:125px;
		margin:0 0 35px 0;
	}
	
	ul.datos li a{
		text-decoration:none;
		color:#FFF;
		display:block;
		background:url("bitmaps/icon_flecha.gif") no-repeat 55px 6px;
	}
	
	ul.datos li a:hover{
		color:#C9CBA6;
		background:url("bitmaps/icon_flecha_hover.gif") no-repeat 55px 6px;
	}
	
	li.ultimo{
		padding:9px 0 0 0;
	}

/* ----------------- */
/*      CONTENT      */
/* ----------------- */

	#content{
		width:511px;
		float:right;
	}
	
	p.txtheader{
		height:18px;
		width:486px;
		margin:0;
		padding:5px 25px 0 0;
		background:#E4E6C9;
		color:#C0C285;
		font-size: 0.6em;
		text-align:right;
	}
	
	#menu{
		width:511px;
		height:146px;
		background:url("../imgs/bk_menu.gif") no-repeat #C4BE89;
		margin:0;
		padding:0;
	}
	
	#menu ul.botonera{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#menu ul.botonera li{
		font-size:13px;
		float:left;
	}
	
	#menu ul.botonera li a{
		text-decoration:none;
		color:#818358;
		display:block;
		width:90px;
		height:130px;
		overflow:hidden;
		text-indent:-999px;
	}
	
	#menu ul.botonera li a.empresa{
		margin:6px 0 0 20px;
		background:url("bitmaps/btn_empresa.gif") 0 0;
	}
	
	#menu ul.botonera li a.empresa:hover{
		background:url("bitmaps/btn_empresa.gif") 0 -130px;
	}
	
	#menu ul.botonera li a.servicios{
		margin:6px 0 0 34px;
		background:url("bitmaps/btn_servicios.gif");
	}
	
	#menu ul.botonera li a.servicios:hover{
		background:url("bitmaps/btn_servicios.gif") 0 -130px;
	}
	
	#menu ul.botonera li a.clientes{
		margin:6px 0 0 36px;
		background:url("bitmaps/btn_clientes.gif");
	}
	
	#menu ul.botonera li a.clientes:hover{
		background:url("bitmaps/btn_clientes.gif") 0 -130px;
	}
	
	#menu ul.botonera li a.contacto{
		margin:6px 0 0 40px;
		background:url("bitmaps/btn_contacto.gif");
	}
	
	#menu ul.botonera li a.contacto:hover{
		background:url("bitmaps/btn_contacto.gif") 0 -130px;
	}
	
/* ----------------- */
/*     SECCIONES     */
/* ----------------- */

	#secciones{
		width:509px;
		height:100%;
		background:url("../imgs/bk_secciones.gif") no-repeat #000;
		margin:3px 0 0 0;
		padding:1px;
		float:left;
	}
	
	#empresa_ppal{
		margin-top:20px;
		background:url('bitmaps/bk_titulos.gif') repeat-x;
	}
	
	#empresa_ppal h2{
		background:url("bitmaps/titulo_empresa.gif") left center no-repeat;
		margin:0 0 0 12px;
	}
	
	#servicios{
		margin-top:20px;
		background:url('bitmaps/bk_titulos.gif') repeat-x;
	}
	
	#servicios h2{
		background:url("bitmaps/titulo_servicios.gif") left center no-repeat;
		margin:0 0 0 12px;
	}
	
	#clientes{
		margin-top:20px;
		background:url('bitmaps/bk_titulos.gif') repeat-x;
	}
	
	#clientes h2{
		background:url("bitmaps/titulo_clientes.gif") left center no-repeat;
		margin:0 0 0 12px;
	}
	
	#contacto{
		margin-top:20px;
		background:url('bitmaps/bk_titulos.gif') repeat-x;
		padding:0 0 20px 0;
	}
	
	#contacto h2{
		background:url("bitmaps/titulo_contacto.gif") left center no-repeat;
		margin:0 0 0 12px;
	}


	/* ----------------- */
	/*     CLIENTES      */
	/* ----------------- */
	
	.boxgrid{ 
		width: 174px; 
		height: 142px; 
		float:right; 
		background:#8f0000; 
		overflow: hidden; 
		position: relative;
		border:2px solid #FFF;
		margin:4px 4px 0 0;
	}
		.boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0;
			margin:0;
		}
		.boxgrid p{ 
			margin:0;
			padding:3px; 
			width:174px;
			color:#FFF; 
			font-size:0.7em;
			text-align:left;
			letter-spacing: 0.08em;
		}

	
	/* ----------------- */
	/*    ACCORDION      */
	/* ----------------- */

	/*fieldset {
		padding: 8px;
	}*/
	
	#list1b{
		float:right;
		margin:12px 16px 0 0;
	}
	
	.basic  {
		width: 348px;
		font-family: verdana;
	}

	.basic p {
		width:336px;
		background-color: #000;	
		margin:0;
		font-size: 0.6em;
		color:#FFF;
		padding:6px;
	}
	.basic a {
		cursor: pointer;
		display: block;
		padding: 5px;
		padding-left:10px;
		margin-top: 0;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.7em;
		color: #666;
		background-color: #000;
		border-bottom: 1px dotted #999;
		background:url("bitmaps/bullet_norm.gif") no-repeat 2px center;
	}
	.basic a:hover {
		color:#c4be89;
		background:url("bitmaps/bullet_hover.gif") no-repeat 2px center;
	}
	.basic a.selected {
		color: #FFF;
		border-bottom: 1px dotted #FFF;
		background:url("bitmaps/bullet_selected.gif") no-repeat 2px center #8F0000;
	}
	
	/* ----------------- */
	/*       FORM        */
	/* ----------------- */	
	
	#contacto p{
		font-size:1em;
	}
	
	#contact_wrap .sending {
		width: 348px;
		height: 150px;
		margin: 0 auto;
		background: url('../media/loader.gif') center center no-repeat;
		display: none;
	}
	
	#contact_wrap .exito {
		float:right;
		padding: 2.3em 1.2em 0 0;
		text-align: center;
		text-shadow: #000 0 0 5px;
		width:348px;
	}
	
		#contact_wrap .exito h3 {
			font-size: 2em;
			color:#B5AC83;
		}
		
		#contact_wrap .exito p {
			font-size: 1.2em;
			color:#B5AC83;
			text-align:center;
		}

	#contact_wrap fieldset {
		float:right;
		width:348px;
		border:none;
	}
	
		#contact_wrap legend {
			display: none;
		}
		
		#contact_wrap label {
			display: block;
			color:#e6e4cb;
			font-family:tahoma;
			font-weight:normal;
			font-size:0.7em;
			letter-spacing:0.1em;
			margin:6px 0;
		}
		
		#contact_wrap input {
			border: 2px solid #8f0000;			
			background:url("bitmaps/bk_input.gif") repeat-x;
			width: 324px;
			height: 36px;
			font-size:1.8em;
			padding:3px;
			font-family:tahoma;
		}
		
		#contact_wrap textarea {
			border:2px solid #8f0000;
			background: #FFF;
			width: 322px;
			height: 134px;
			margin-bottom: 3px;
			font-size: 1.2em;
			padding:3px;
			font-family:tahoma;
		}
			
		#contact_wrap button {
			height:40px;
			padding: 4px 16px;
			background: url("bitmaps/bk_button.gif") repeat-x;
			border:2px solid #666;
			color: #fff;
			font-weight: bold;
			cursor: pointer;
			float: right;
			margin: 6px 16px 0 0;
			font-size: 1em;
		}
		
		#contact_wrap button:hover {
			border:2px solid #8f0000;
		}
		
		span.req{
			font-size:0.7em;
			color:#999;
		}


/* -------- Form Validation Engine --------- */
.formError {
	position:absolute;
	top:300px; left:300px;
	width:150px;
	padding-bottom:15px;
	display:block;
	z-index:5000;
}
	.formError .formErrorContent {
		width:100%; 
		background:#000;
		color:#FFF;
		font-family:tahoma;
		font-size:10px;
		box-shadow: 1px 1px 6px #000;
		-moz-box-shadow: 1px 1px 6px #000;
		-webkit-box-shadow: 1px 1px 6px #000;
		padding:4px 10px 4px 10px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	}
	.formError .formErrorArrow{
		position:absolute;
		bottom:0;left:20px;
		width:15px; height:15px;
		
	}
		.formError .formErrorArrow div{
			box-shadow: 1px 4px 5px #000;
			-moz-box-shadow: 1px 4px 5px #000;
			-webkit-box-shadow: 1px 1px 5px #000;
			font-size:0px; 
			
		}
		.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
		.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
		.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}



/* twinhelix */
* { behavior: url("style/iepngfix.htc") }


	/* ----------------- */
	/*      FOOTER       */
	/* ----------------- */
	
	#footer{
		background:url("bitmaps/pattern_footer.gif") repeat-x #FFF;
		color:#a8a87e;
		padding:7px;
		width:497px;
		height:25px;
		float:left;
	}
	
	#footer a{
		display:block;
		width:61px;
		height:12px;
		background:url("bitmaps/yfm.gif") no-repeat right center;
		text-decoration:none;
		font-size:0.6em;
		color:#a8a87e;
		padding:4px 0 0 0;
		margin:8px 0 0 0;
	}
	
	#footer a:hover{
		background:url("bitmaps/yfm_hover.gif") no-repeat right center;
	}
	
/* ----------------- */
/*     CLEARFIX      */
/* ----------------- */	
	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */