@import "reset.css";

body					{ background:#333 url(../img/bg_body.gif) repeat-x center top;; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666;}

#fondo					{ background:#DFDFDF url(../img/bg.jpg) no-repeat center top; padding-bottom:30px;}
#pagewrap				{ width:960px; margin:0 auto;}

h1						{ width:156px; height:74px; display:block; background:url(../img/logo.png) no-repeat; text-indent:-9999px; margin-top:6px;}
h1 a					{ width:156px; height:74px; display:block;}

h2						{ color:#FFFFFF; font-size:50px;}
h3						{ color:#333; font-size:35px; margin:11px 0;}
h4						{ color:#333; font-size:16px; margin:0 0 10px 0;}
h5						{ border-bottom:1px solid #CCCCCC; color:#319231; font-size:18px; padding:0 0 8px 0;}
h6						{ color:#333; font-size:13px; margin:20px 0 10px 0;}

input					{width:500px;}

#boton					{width:auto;}

#contenido a			{ color:#319231;}

p						{ margin:14px 0;} /*15*/

#breadcrumb				{ height:35px; width:958px; background:url(../img/bgBreadcrumb.jpg) repeat-x; border:1px solid #CCC; border-top:1px solid #FFF;}
#breadcrumb li			{ height:26px; float:left;}
#breadcrumb a			{ height:25px; float:left; display:block; background:url(../img/flechaBreadcrumb.jpg) no-repeat top right; color:#333;padding:10px 34px 0 22px;}
#breadcrumb a:hover		{ text-decoration:underline;}
.actualBreadcrumb		{ padding:10px 34px 0 22px;}

/*#contenedorMenu			{ width:617px; height:40px; float:right; border-bottom:1px solid #999;}*/
#contenedorMenu			{
	width:617px;
	height:40px;
	position:absolute;
	border-bottom:1px solid #999;
	left: 343px;
	top: 28px;
}
#menuIzq				{ width:8px; height:40px; float:left; background: url(../img/bgIzqMenu.png) no-repeat;}
#menu					{ width:601px; float:left; background: url(../img/bgMenu.png) repeat-x;}
#menuDer				{ width:8px; height:40px; float:left; background: url(../img/bgDerMenu.png) no-repeat;}

#menu li				{ float:left; border-left: 1px solid #666; border-right: 1px solid #000;}
.primero				{ border-left:none!important}
.ultimo					{ border-right:none!important}

#menu li a				{ width:98px; height:28px; display:block; float:left; padding:12px 0 0 0; text-align:center; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}
#menu li a:hover		{ color:#FFF;}

.itemSubMenu			{ height:30px!important; border-left:none!important; border-right:none!important; width:186px!important; padding:0 11px!important;}
.itemSubMenu a			{ height:22px!important; width:171px!important; border-top:1px solid #666; border-bottom: 1px solid #000; padding:6px 0 0 15px!important; font-weight:normal!important; text-align:left!important;}

.first					{ border-top:1px solid #373737!important;}
.last					{ border-bottom:1px solid #373737!important;}

.contenedorSubmenu		{ width:208px; z-index:99; display:none; border-top:1px solid #999;}
.compania				{ position:absolute; top:40px; left:0;}
.servicios				{ position:absolute; top:40px; left:107px;}
.soluciones				{ position:absolute; top:40px; left:207px;}
.productos				{ position:absolute; top:40px; left:307px;}
.clientes				{ position:absolute; top:40px; left:407px;}
.logtipos_alianzas		{ position:absolute; top:40px; left:407px;}
.noticias				{ position:absolute; top:40px; left:409px;}

.noticias .submenu a	{ text-align:right!important;}

.submenu				{ float:left; width:208px; background:#373737;}
.tapa					{ width:208px; height:8px; float:left; background:url(../img/submenuTapa.png) no-repeat;}


/*BANNER*/

#loopedSlider			{ clear:both; margin:-6px 0 0; width:960px; height:350px; border-bottom:1px solid #CCCCCC;}
.container				{ cursor:pointer; height:300px; overflow:hidden; position:relative; width:960px;}
div.slides				{ left:0; position:absolute; top:0;}
div.slides div	 		{ display:none; margin:0; padding:0; position:absolute; top:0; width:960px;}

#paginacion				{ width:124px; height:12px; float:right; margin-top:20px;}

.previous				{ width:14px; height:12px; display:block; text-indent:-9999px; background:url(../img/sliderIzq.png) no-repeat; float:left; margin-right:16px;}
.next					{ width:14px; height:12px; display:block; text-indent:-9999px; background:url(../img/sliderDer.png) no-repeat; float:left; margin-left:10px;}

.pagination li			{ width:8px; height:9px; float:left; margin:2px 6px 0 0;}
.pagination li a		{ width:8px; height:9px; float:left; background:url(../img/sprite.png) no-repeat 0 -9px; text-indent:-9999px;}
.active	a				{ background:url(../img/sprite.png) no-repeat 0 0!important; text-indent:-9999px;}


/*fin banner*/


/*cajas home*/

.caja					{ width:180px; margin-left:10px; float:left;}

.tapaArriba				{ background:url(../img/caja_arriba.png) no-repeat; width:180px; height:6px;}
.contenidoCaja			{ background:url(../img/caja_centro.png) repeat-y; width:150px; padding:10px 15px; height:200px;}
.tapaAbajo				{ background:url(../img/caja_abajo.png) no-repeat; width:180px; height:6px;}

.lista li				{ list-style-image:url(../img/flecha.png); list-style-position:inside; margin:5px 0;}

.contenidoCaja a		{ color:#333;}
	
#soluciones				{ display:block; float:left;}

/*#columnas				{ width:960px; border-top:1px solid #FFFFFF; overflow:hidden;}*/
#columnas				{ width:960px; overflow:hidden; margin-top:10px;}

.soluciones_productos   { width: 150px; height: 30px;}

/*paginas interiores*/


#contenidos				{ clear:both; position:relative; top:-6px; text-align:justify;}
.cabeceraContenido		{ width:928px; height:97px; padding:56px 0 0 30px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}

#cabeceraCompania     { background:url(../img/cabecera/compania.jpg) no-repeat top right; }

#cabeceraServiciosBRMS   { background:url(../img/cabecera/interior5.jpg) no-repeat top right; }
#cabeceraServiciosEducacion     { background:url(../img/cabecera/interior4.jpg) no-repeat top right; }
#cabeceraServiciosSanidad  { background:url(../img/cabecera/interior3.jpg) no-repeat top right; }
#cabeceraServiciosTransportes    { background:url(../img/cabecera/interior2.jpg) no-repeat top right; }
#cabeceraServiciosSociales   { background:url(../img/cabecera/interior1.jpg) no-repeat top right; }

#cabeceraServicios     { background:url(../img/cabecera/servicios.jpg) no-repeat top right; }
#cabeceraProductos     { background:url(../img/cabecera/productos.jpg) no-repeat top right; }
#cabeceraClientes     { background:url(../img/cabecera/clientes.jpg) no-repeat top right; }
#cabeceraNoticias     { background:url(../img/cabecera/noticias.jpg) no-repeat top right; }

#contenido				{ background: url(../img/cuerpo.jpg) repeat-y; padding:30px 240px 30px 30px; min-height:200px;}
#contenido li 			{ list-style-image:url(../img/flecha.png); list-style-position:inside;}

#contenido_wide			{ background: url(../img/cuerpo.jpg) repeat-y; padding:30px;}

#tapaContenido			{ background: url(../img/tapa_abajo_cuerpo.png) no-repeat; height:6px;}


.destacado				{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background: url(../img/fondoDestacado.png) no-repeat top left; margin:0!important; padding:20px 20px 0 20px;}

.separador				{ height:2px; background:url(../img/lineaDoble.jpg) repeat-x; margin:30px 0;}

#localizacion			{ width: 650px; height:280px;}
#localizacion  .loc_contenido	{ float:left; padding: 10px 10px; }

#logtipos_alianzas		{ height:110px; width:960px;}
#clientes 				{ height:420px; width:960px;}
.cliente 				{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#2A2A2A none repeat scroll 0 0; cursor:pointer; float:left; height:105px; margin:1px 1px 0 0; width:224px; }
.alianza 				{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background: none repeat scroll 0 0; cursor:pointer; float:left; height:84px; margin:1px 1px 0 0; width:172px; }

.alianzas				{ border-style:solid; border-color:#CCCCCC;  border-width:1px;}

#alianzas_caja  { border-bottom:1px solid ; color:#888; text-align:center; text-transform:uppercase; border-color:#CCC; }

/*submenu interior*/

#submenuInterior				{ position:absolute; right:-30px; top:273px; width:245px; z-index:98;}
#submenuInterior a				{ border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; color:#333333; display:block; height:20px; padding:5px 0 0; width:215px;}
#submenuInterior a:hover		{ color:#319231;}
#tapaSubmenuInterior			{ width:245px; height:18px; background: url(../img/tapaMas.png) no-repeat;}
#contenidoSubmenuInterior		{ width:215px; background: url(../img/fondoMas.jpg) repeat-y; padding:0 15px;}
#tapaSubmenuInteriorAbajo		{ width:245px; height:18px; background: url(../img/tapaMasAbajo.png) no-repeat;}


.primeroSubmenuInterior			{ border-top:1px solid #e9e9e9!important;}
.ultimoSubmenuInterior			{ border-bottom:1px solid #e9e9e9!important;}

/*submenu interior compa�ia*/

#submenuInterior_compania		{ position:absolute; right:-30px; top:176px; width:245px; z-index:98;}
#submenuInterior_compania a				{ border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; color:#333333; display:block; height:20px; padding:5px 0 0; width:215px;}
#submenuInterior_compania a:hover		{ color:#319231;}
#tapaSubmenuInterior			{ width:245px; height:18px; background: url(../img/tapaMas.png) no-repeat;}
#contenidoSubmenuInterior		{ width:215px; background: url(../img/fondoMas.jpg) repeat-y; padding:0 15px;}
#tapaSubmenuInteriorAbajo		{ width:245px; height:18px; background: url(../img/tapaMasAbajo.png) no-repeat;}


.primeroSubmenuInterior			{ border-top:1px solid #e9e9e9!important;}
.ultimoSubmenuInterior			{ border-bottom:1px solid #e9e9e9!important;}



/*mas informacion*/

#cajaMas				{
	position:absolute;
	right:-30px;
	top:389px;
	width:245px;
	z-index:98;
}
#cajaMas a				{ width:245px; display:block; color:#666;}
#cajaMas p				{ margin:0!important;  border-top:1px solid #FFFFFF; padding:8px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center;}
#tapaMas				{ width:245px; height:18px; background: url(../img/tapaMas.png) no-repeat;}
#contenidoMas			{ width:215px; background: url(../img/fondoMas.jpg) repeat-y; padding:0 15px;}
#tapaMasAbajo			{ width:245px; height:18px; background: url(../img/tapaMasAbajo.png) no-repeat;}


/*mas informaci�n productos*/
#cajaMasProd				{
	position:absolute;
	right:-30px;
	top:419px;
	width:245px;
	z-index:98;
}
#cajaMasProd a				{ width:245px; display:block; color:#666;}
#cajaMasProd p				{ margin:0!important;  border-top:1px solid #FFFFFF; padding:8px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center;}
#tapaMasProd				{ width:245px; height:18px; background: url(../img/tapaMas.png) no-repeat;}
#contenidoMasProd			{ width:215px; background: url(../img/fondoMas.jpg) repeat-y; padding:0 15px;}
#tapaMasAbajoProd			{ width:245px; height:18px; background: url(../img/tapaMasAbajo.png) no-repeat;}



.vermas	a				{ color:#090; }
.vermas	a:hover			{ color:#060; }

.imgpdf					{ float:left; }

/*footer*/

#footer					{ background:#333 none repeat bottom left; height:60px; margin:0;}
#footer p				{ margin:0!important;}
#contenidoFooter		{ width:920px; margin:0 auto; color:#CCC; text-align:right; padding:20px;}
#contenidoFooter a		{ color:#FFF;}


/* scroller header */

#scroller-header a {
	text-decoration:none;
	font-size:14px;
	/*color:#756752;*/
	padding:0 20px 0 0;

}
#scroller-header a:hover {
	text-decoration:none;
	/*color:#4b412f*/
}
a.selected {
	text-decoration:underline !important;
/*	color:#4b412f !important;*/
}
#scroller-header {
	/*background:url(../images/header.gif) no-repeat;*/
	width:677px;
	height:24px;
	padding:10px 0 10px 0;
	/*font-weight:700;*/
}

#scroller-body {
	/*background:url(../images/body.gif) no-repeat bottom center;*/
	width:660px;
	padding-bottom:30px;
}
#mask {
	width:650px;
	overflow:hidden;
	margin:0 auto;
}
#panel {
}
#panel div {
	float:left;
}
/* Extra styling for each panel*/

#panel ul {
	list-style:none;
	margin:0 5px;
	padding:0;
}
#panel ul li {
	padding:5px;
	color:#557482;
	border-bottom:1px dotted #ccc;
}
#panel ul li.last {
	border-bottom:none !important;
}
#panel-1 {
}
#panel-2 {
}
#panel-3 {
}

#mapa				{padding:20px 10px; float:right;width:450px;height:auto;}




form {
	background:#eee;
	padding:10px 10px;
	width:680px;	
	}
	
	form ol {
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}
			
			form li#send {
				background:none;
				margin-top:6px;
				}
		
		form label {
			float:left;
			width:70px;
			text-align:right;	
			margin-right:7px;
			color: #333;;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}
			
		form input,
		form textarea {
			padding:4px;
			border:1px solid #999999;
			width:340px;
			}
			
			form input:focus,
			form textarea:focus {
				border:1px solid #666;
				background:#CFFFCF;                                      
				}
			
		form li#send button {
			float:right;
			background:#65AB65 url(../img/css-form-send.gif) no-repeat 8px 50%;
			border:none;
			padding:4px 8px 4px 28px;
			/*border-radius:15%; /* Don't expect this to work on IE6 or 7 */
			-moz-border-radius:15%;
			-webkit-border-radius:15%;			
			color:#fff;
			margin-left:77px; /* Total width of the labels + their right margin */
			cursor:pointer;
			}
			
			form li#send button:hover { 
				background-color:#006633;
				}


form li{
	list-style-image:none!important;
	}

.jsvalidation{
	font-size:10px;
	margin-left:10px;
	color:#F00;
	vertical-align:top;
	}
element.style  {
height:230px;
}

#divPlanAvanza {
    height:180px;
    text-align: center;
}