@charset "utf-8";

/* main */
body {width:900px; margin-right:auto; margin-left:auto; margin-top:50px;}
#wrapper { margin-top:30px; background-color:#9FF;}

a:link{ color:#F00;}
#head { width:900px; height:270px;
	}

/* header */
#cabezal {width:900px; height:35px; margin:0 auto; padding:0;}

/* header_text */
#slide {width:900px; height:235px; padding:0px; margin:0px;}
#slide strong { display:block; margin:-190px 30px 0 590px; color:#FFF; text-align:right; font:normal 22px Arial, Helvetica, sans-serif; line-height:180px;}
#slide span { display:block; color:#FFF; font:normal 28px Arial, Helvetica, sans-serif; letter-spacing:0px; line-height:36px; padding:0 0 10px 0; list-style:none;}
/*content*/

#menu {width:900px; height:30px; background: url(images/gradient-red.png) repeat-x; float: left;}

#menu ul { float:left; margin:0; padding:0; list-style:none;}
#menu li { float:left; margin:0; padding:2px 10px 7px 10px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; float:left;}
#menu a { line-height:16px; float:left; font: normal 12px Arial, Helvetica, sans-serif; color:#FFF; margin:0 5px; padding:8px 0 12px 0; text-decoration:none;}
#menu a span { padding:10px 12px 12px 15px;}
#menu a:hover { color:#FC0;}
#menu a:hover span {color:#FC0;}
#menu a.active { color:#FC0;}
#menu a.active span { color:#FC0;}

#content {
	clear:both; width:900px; height:380px; position:relative; background-color:#FFF;background-image:url(images/text-gray.jpg); background-repeat:repeat-x; 
	 
	}

#content1 {
	width:320px; height:400px; float:left; background-image:url(images/bco.png); background-repeat:repeat-x; position:relative;
	 
	}
#content1 h1 { font:normal 24px Arial, Helvetica, sans-serif; font-weight: 500; color:#FFF; text-align:left; padding:10px 0 3px 10px; margin:5px 15px 5px 20px;}

#content1 h2 { font:normal 20px Arial, Helvetica, sans-serif; font-weight: 500; color:#000; text-align:left; padding:3px 0 10px 10px; margin:5px 15px 0px 15px;}

#content1 a { font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:right; text-decoration:none;
	}
#content1 a:hover{ font:normal 12px Arial, Helvetica, sans-serif; color:#900; text-align:right; text-decoration:none;
	}
#content1 p a { float:right; text-decoration:none;}

#content1 p { font:normal 12px Arial, Helvetica, sans-serif; font-weight: normal; color:#000; text-align:justify; padding:3px 0 3px 10px; margin:5px 15px 0px 15px;}

#content2 {
	width:320px; height:370px; float:left; background-image:url(images/bco.png); background-repeat:repeat-x; position:relative; margin:0px 0px 15px 5px;
	 
	}

#content2 h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#FFF; font-weight: 500; text-align:left; padding:18px 0 3px 10px; margin:0px;}

#content2 a { font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:right; text-decoration:none; margin-top:10px;
	}
#content2 a:hover{ font:normal 12px Arial, Helvetica, sans-serif; color:#900; text-align:right; text-decoration:none;
	}	
#content2 p a { float:right;}

#content2 p { font:normal 12px Arial, Helvetica, sans-serif; font-weight: normal; color:#000; text-align:justify; padding:3px 10px 3px 10px; margin:5px 0px 0px 0px;}

#content2 ul { float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:3px 10px 3px 10px; margin:5px 15px 0px 15px; list-style:none;}
#content2 li { float:left; margin:0; padding:0 7px 0 20px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:5px 15px 0px 15px; float:left; background:url(images/accept.png) no-repeat left;}

a.tooltip { font-weight:bold; text-decoration:none;}
a.tooltip span { display:none; padding:5px; margin-left:-208px; width:150px; }
a.tooltip img {margin:0; padding:0; }
a.tooltip:hover span{ display:inline; position:absolute; background:#ffffff; border:1px dotted #cccccc; color:#000;font-size:10px; font-weight:normal; }

#contactos{ width:250px; height:400px; float:right; position:relative; z-index:10; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;
	}
	

#input { font-family:Arial, Helvetica, sans-serif; font-size:1em; width: 20em; border: 1px solid #999; background-color:#fafafa; color:#000;
	}
input.enviar{
	 margin-left:125px;
	 width:80px;
	 border: 1px solid;
	 border-color: #F60 #FC3 #FC3 #F60;
	 background-color:#F60;
	 color:#FFF;
	 cursor:pointer;

	}

#clientes {
	width:245px; height:170px; margin-top:15px; position:relative;
	}
#contacto {
	width:228px; height:225px; margin-top:25px; position:relative;
	}

#contact{
	position:relative; text-align:center; margin-left:20px; text-decoration:none;}
	
#contact ul{ float:left; margin:0; padding:0; list-style:none; text-decoration:none;}
#contact li { float:left; margin:0;padding:50px 10px 7px 20px; list-style:none; text-decoration:none; }
#contact a{ color:#ebebeb; text-decoration:none;}

#accesos {
	width:900px; height:320px; position:absolute; background-image:url(images/text-redlines.jpg); background-repeat:repeat; padding:0px;
	}

#acceso1{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}

#acceso2{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso3{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso4{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px; z-index:9;}
	
#acceso5{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}

#acceso6{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso7{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#acceso8{
	height:150px; width:225px; float:left; position:relative; text-align:center; padding-top:10px;}
	
#footer{
	float:right;
	height:35px;
	width:900px;
	background-color:#000;
	background-image:url(images/footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	}
#footer{ text-align:center; width:900px; padding:10px 0;font: normal 10px  Arial, Helvetica, sans-serif; letter-spacing:1px; color:#FFF; text-decoration:none;}
#footer a {font: normal 10px  Arial, Helvetica, sans-serif; color:#69C; text-decoration:none;}
#footer a:hover {font: normal 10px  Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

#firma{ width:900px; height:30px; float:left; z-index:12; text-align:center; margin-top:10px;}
#firma p{ margin-top:-2px; float:right;}