/* CSS Document */
/* eabarcelona 2008 */

html {background-color:#000000;height:100%;}
html, body { margin: 0; padding: 0; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #fff;
	height:100%;
	}
body {background-color:#000000;height:100%;}
a, a:link, a:active, a:visited {color:#FFF;background-color:transparent; text-decoration:none;}
a:hover {color:#9BB71E;}
img {border: none; }
ul, li {
padding: 0px;
margin: 0px;
list-style-type: none;
}
.clr{clear:both;} 
.right {float:right; text-align:right;}
.left {float:left;}
h1 { font-size:18px; color:#94a634; font-family:Arial, Helvetica, sans-serif;}
.verde { color:#D1FF00}

.fondo0{padding-top: 160px; background:url(../img/fondo0.jpg) top center no-repeat;}
.fondo1{padding-top: 160px; background:url(../img/fondo1.jpg) top center no-repeat;}


#menu { display:block; border-bottom: solid 1px #99999E; border-top:solid 1px #99999E; height:52px;}
#menu li {float:left;}
#menu li a {text-decoration: none; display:block; height: 42px; font:bold 17px Arial; padding: 10px 15px 0 15px;}
#menu li a span {font:normal 11px Arial; margin:0; padding-top:5px;}

#menu li a:hover { background:url(../img/hovermenu1.gif) 0 0;}
#menu li a:hover span { color:#fff; text-decoration:none;}


#menu ul li a:hover, #menu ul li a.menuseleccion,
#p1 #a1, #p2 #a2, #p3 #a3, #p4 #a4, #p5 #a5, #p6 #a6 {background:url(../img/hovermenu1.gif) top;}

.centrado {width: 1000px; margin:auto;}

.izquierda {width: 175px; float:left; }
.cuerpo { width: 500px; margin:0; float:left; padding-right:7px;}

.head { border-bottom:1px solid #CCC; padding:2px 0; height:75px;}

.info { width: 760px; margin: 0 0px 30px 50px; float:left;}

.derecha { width: 245px; float:left;}

.cliente {margin-left: 30px; float:left; width: 130px;}
.campanya { float:left; margin-left: 130px;}
.plus {background:url(../img/plus.jpg) no-repeat top left; height: 30px; float:left;}
.linea { height:18px; padding-top: 12px;}
.portafolio a { text-decoration:none;}
.body {width:750px; float:left; margin-left: 25px;}
.servicios {margin-left: 30px; float:left; width: 270px;}


.margencuerpo {height: 135px; padding-top: 10px;}
.pie {display:block; margin-top:80px; font-size: 11px; border-top:1px solid #666; padding:15px 0;}
.pie a {color:#94a634;}
.pie a:hover { text-decoration:underline;}
.pie span {color:#94a634;}

/* Vertical Accordions */
.clientetitulo { width:200px; display:block; float:left;}
.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(../img/plus.jpg) no-repeat 0 9px;
			padding: 0 10px 0 20px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border-bottom: 1px solid #999999;
			cursor: pointer;
			margin: 0;
		}
		
.accordion_toggle_active {
			background: url(../img/plus.jpg) no-repeat 0 9px;
			color: #ffffff;
			border-bottom: 1px solid #719926;
		}
		
.accordion_content {
			/*background-color: #000;*/
			color: #fff;
			overflow: hidden;
			padding: 5px 0px 5px 0px;
			width: 750px;
		}

.accordion_content img { margin: 15px; float:left;}

.listadoempresas {display:block; float:left; padding: 15px;}
#clientes { background:url(../img/listaclientes.jpg); height: auto; padding: 10px; height: 180px;}
.izquierda h1 { margin: 15px 0 0px 0; color:#FFF; font-weight:normal;}
.izquierda h2 { margin: 8px 10px 0px 0; color:#94a634; font-size:30px; font-family:Arial, Helvetica, sans-serif; padding-top:36px; border-bottom:1px solid #CCC;}



.breadcrumb { font-size:9px; color:#CCC; margin-top:3px;}



input, textarea { margin:5px 5px 5px 0;}