@charset "utf-8";
/*
Aluego Nuevas Tecnologías - www.aluego.es 
LMMS & JMG @ Aluego 2010

VERSIÓN - 1.0
 - CSS realizada y testeada para IE 6/7/8, Firefox 3/3.5, Safari 4, Chrome 3 y Opera 10
 - Hacks y código especfico para IE en la CSS: styleScreenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/

/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
	background:#EEE url(../img/bgBodyDegradado.jpg) left top repeat-x;
	text-align:center;
	width:100%;
	padding-bottom:15px;
	}
#page{	
	margin:10px auto;
	position:relative;
	display:block;
	width:980px;
	background:#FFF url(../img/bgPage.jpg) center top no-repeat;
	/*border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;*/
	}
a {	
	color:#007FA5;
}
a:link {
}
a:visited {
}
a:hover {	
}
a:active {
}


/* CABECERA (#header)
--------------------------------------------- */
#header {
	height:136px;
	position:relative;
	}
	#header h1{
		position:absolute;
		top:10px;
		left:10px;
		background:#FFF url(../img/imgLogoAluego.gif) left top no-repeat;
		width:704px;
		height:77px;
		text-indent:-9999px;
	}
	#header	h1 a{
		display:block;
		width:704px;
		height:77px;
	}
		.home #header h1 a:hover {
			cursor:default;
		}
	#header iframe {
		position:absolute;
		bottom:50px;
		right:10px;
	}
		
/* NAVEGACIÓN ACCESORIA(#subNav)
--------------------------------------------- */
#subNav{
	color:#CCC;
	position:absolute;
	right:12px;
	top:12px;
	width:300px;
	height:100px;
}
	#subNav p {
		font:normal 11px/150% Tahoma, Arial, Helvetica, sans-serif;
	}
		#subNav p span {
			color:#333;
		}
			#subNav p span bold {
				color:#000;
			}
		#subNav p a {
			text-decoration:none;
			font-weight:bold;
		}
		#subNav p a:hover {
			border-bottom:1px solid #DDD;	
		}

/* NAVEGACIÓN PRINCIPAL(#mainNav)
--------------------------------------------- */
#mainNav {
	position:absolute;
	bottom:0;
	left:0;
	background:#007FA4 url(../img/bgNav.jpg) left top repeat-x;
	border-bottom:1px #E3E4E4 solid;
	border-top:1px #0080A6 solid;
	width:980px;
	height:35px;
	margin: 0 auto;
}		
	#mainNav ul {		
		height:35px;
		padding:0 10px;
		}
		#mainNav li {
			float:left;
			border-left:1px #0080A6 solid;
			font:bold 14px/35px Arial, Helvetica, sans-serif;
		}
			#mainNav li a {
				float:left;
				display:block;
				text-decoration:none;
				color:#FFF;
				text-shadow:1px 1px 0 #005974;				
				height:35px;	
				padding:0 10px;
			}
			#mainNav li a:hover,
			#mainNav li a.selected,
			#mainNav li a.selected:hover {
				background:#006C8B url(../img/bgNavH.jpg) left top repeat-x;
				text-shadow:1px 1px 0 #333;
			}
			#mainNav li a.selected:hover {
				cursor:default !important;
			}





/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	padding:15px 0 0 10px;
	text-align:left;

}
.home #content {
	padding:0px;
}
#content, #scroll {
	clear:both;
	display:block;
}

	
/* PRINCIPAL (#main) */
#content #main {
}
	#content p,
	#content .p {
		margin:1em 0;
		font:normal 12px/140% Arial, Helvetica, sans-serif;		
	}
	#content a {
			font-weight:bold;
			text-decoration:none;
		}
	#content h2 {
		font:bold 24px/120% Calibri, Arial, Helvetica, sans-serif;
		color:#999;
		margin:10px 0;
	}
	.home #content h2 {
		font:bold 22px/120% Calibri, Arial, Helvetica, sans-serif;
		color:#444;
		margin:0 0 10px;
		text-shadow:1px 1px 0 #DDD;
	}

	 #content h3 {
			font:bold 20px/100% Calibri, Arial, Helvetica, sans-serif;			
			color:#555;
			margin:0.75em 0;
		}
	.home #content h3,
	#content #related h3 {
		margin:0 !important;
	}
		#content h3 a {
			background: #FFF url(/img/imgFlechas.jpg) right center no-repeat; 
			display:block;
			text-decoration:none;
			}
		#content h4 {
			font:bold 11px/100% Arial, Helvetica, sans-serif;			
			color:#333;
			margin:1.5em 0;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		.home #content h4 {
			font:normal 20px/120% Calibri, Arial, Helvetica, sans-serif;			
			padding:0.5em 2em;
			color:#000;
			margin:0;
			text-transform:none;
			letter-spacing:normal;
		}
	#content ol,
	#content ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#content ul li,
	#content ol li {
		font:normal 12px/130% Arial, Helvetica, sans-serif;
		margin:0.3em 0;
	}
	#content ol {
		list-style:decimal;
	}
	#content ul{
		list-style: disc;
	}
		#content ul ul {
			list-style:circle;
		}
	#content ol ul,
	#content ul ul,
	#content ol ul,
	#content ul ol  {
		margin-top:0.5em;
		margin-bottom:0.5em;
		padding-left:2em; 
	}
	#content ol li ul li,
	#content ul li ul li,
	#content ol li ul li,
	#content ul li ol li{
		font:normal 12px/130% Arial, Helvetica, sans-serif;
		margin:0.5em 0;
	}

	#content .imgService {
		padding:1px;
		border:2px solid #CCC;
		display:block;
	}
	#content .imgService:hover {
		border:2px solid #007FA5;
	}

		#content a {			
			color:#007FA5;
		}
		#content a:hover {
			border-bottom:1px solid #DDD;
		}

	#content #empresas,
	#content #empresas li {
		list-style:none;
	}
	#content #empresas {
		margin:0;
		padding:0;
		padding-bottom:20px;
	}
		#content #empresas li {
			float:left;
			width:92px;
			height:120px;
			text-align:center;
			margin:8px;
			font:11px/140% Tahoma, Arial, Helvetica, sans-serif;
		}
		#content #empresas li a img{
			padding:0;
			border:1px solid #CCC;
		}
		#content #empresas li a:hover{
			border-bottom:none;
		}
		
	#content #social {
		padding-left:1em;
	}
	#content #social,
	#content #social li {
		list-style:none;
	}
		#content #social li {
			margin-bottom:0.5em;
		}
		#content #social li a {
			padding-left:24px;
			line-height:16px !important;
			height:16px;
			display:block;
		}
		#content #social li a:hover {
			border-bottom:none;
		}
	
			#content #social li a.facebook {
				background:transparent url(../img/icoFacebook.gif) left center no-repeat;
			}
			#content #social li a.twitter {
				background:transparent url(../img/icoTwitter.gif) left center no-repeat;
			}
			#content #social li a.linkedin {
				background:transparent url(../img/icoLinkedin.gif) left center no-repeat;
			}

	#content .featured {
		background:#DDD;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
	}
	#content .featured h3 {
		color:#333;
		text-shadow:1px 1px 0 #FFF;
	}
	#content .featured p {
		color:#000;
	}
	#content .featured a:hover {
		border-bottom:1px solid #FFF;
	}
		
.servicio{
	min-height:260px;
	height:auto !important;
	height:260px;
}
	.servicio a,
	.servicioBis a  {
		
	}
	 .servicio a span,
	 .servicioBis a span {
		width:220px;
		height:125px;
		background:transparent url(/img/imgRoll.gif) center top no-repeat;
		display:block;
		position:absolute;
		cursor:default !important;
		}


/* BANNER HOME */

#content #banner {
	overflow:hidden;
	width:980px;
	margin: 0 auto;
	border-bottom:2px solid #00A0D1;

}
	#content #banner ul.media-list {
		width:9999px;
		overflow:hidden;
		height:240px;
		list-style:none;		
		margin:0;
		padding:0;
	}
		#content #banner ul.media-list li{
			float:left;
			width:980px;
			height:240px;
			position:relative;
			overflow:hidden;
			margin:0;
		}
			#content #banner ul.media-list li a {
				display:block;
				float:left;
			}

#content .divBox {
		background:#F0F0F0;
		padding:1em 1.5em;
		border:1px dotted #00A0D1;
	}
		#content .divBox p {
			margin:0;
		}
		#content .divBox  p + p {
			margin-top:1em;
		}
		#content .divBox  ul,
		#content .divBox ol {
			margin-bottom:0;
		}
			
#content ul#mediaListNav {
	height: 11px;
    /*left: 436px;
	left: 422px;
	left: 408px;*/
	left: 394px;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    top: 350px;
    /*width:108px;
	width:136px;*/
	width:164px;
	width:192px;
    z-index: 1;
	margin:0 !important;
}
	#content ul#mediaListNav li{
		float:left;
		display:inline;
		margin:0 8px;
		list-style:none;
	}
		#content ul#mediaListNav li a{
			float:left;
			width:11px;
			height:12px;
			text-indent:-9999px;
			background:url(/img/bannerPagination.png) no-repeat 0 -17px;
			display:block;
			border-bottom:0;
		}
	#content ul#mediaListNav li a:hover{background-position:0 -33px;}
#content ul#mediaListNav li.active a{ background-position:0 0px;}

#listaCol{
		
	}
#listaCol .listElement{
	border-bottom:1px solid #DCDCDC;
	padding:15px 0;
}
#listaCol .listElement ul{
	margin:0;
}




	/*Formularios*/
	/* Contact Form */

	p.error {
	margin-left:140px;
	margin-top:10px;
}
#FormularioWeb ul {
	float:left;
}
#FormularioWeb ul li {
	margin:10px 0;
	list-style:none;
	position:relative;
	clear:both;
}
#FormularioWeb label {
	line-height:35px;
	float:left;
	margin-right:10px;
	font-size:16px;
}
#FormularioWeb input#nombre,  #FormularioWeb input#email,  #FormularioWeb input#telf,  #FormularioWeb textarea {
	float:left;
	padding:8px;
	border:1px solid #CCCCCC;
	background:#fcfcfc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font:normal 14px/120% Arial, Helvetica, sans-serif;
}
#FormularioWeb input#nombre,  #FormularioWeb input#email,  #FormularioWeb input#telf {
	width:400px;
}
#FormularioWeb textarea {
	width:500px;
	height:150px;
	resize: none;
}
	.box, .button, .button:visited {
	background:#007FA5 url(../images/alert-overlay.png) repeat-x;
	display:inline-block;
	padding:5px 10px 6px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	border:0;
}
.box{
	font-size:14px !important;
	width:200px;
	cursor:default;
	
}
.button:hover {
	background-color:#009ECD;
	color:#fff;
	text-decoration:none;
}
.dis,
.dis:hover{
	background-color:#CCC;
	color:#fff;
	text-decoration:none;
}
.button:active {
	top:1px;
}
/* Comment form */

	#comment_form ul {
	float:left;
}
#comment_form ul li {
	margin:10px 0;
	list-style:none;
	position:relative;
	clear:both;
}
#comment_form label {
	line-height:35px;
	width:100px;
	text-align:right;
	float:left;
	margin-right:10px;
}
#comment_form input,  #comment_form textarea {
	float:left;
	padding:8px;
	border:1px solid #CCCCCC;
	margin-left:10px;
	background:#fcfcfc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#comment_form input {
	width:400px;
}
#comment_form textarea {
	width:500px;
	height:150px;
	resize:none;
}
/* Contact Page Sidebar */

	.contact ul {
	list-style:none;
}
.contact li {
	margin:0;
}
/*SIDEBAR*/
#sidebar{
	}
#content p.intro{
		font:bold italic 14px/130% Arial, Helvetica, sans-serif;
		color:#333;
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:1px dotted #EEE;
	}
	
/* NAVEGACIÓN EN CONTENIDOS (#contentNav)
--------------------------------------------- */
#contentNav {
	}
	
	#contentNav ul {
		border-top:1px solid #eee;
		padding:0;
		list-style:none;
	}
		#contentNav ul li {
			border-bottom:1px solid #eee;
			padding:0;
			margin:0;
		}
		#contentNav ul li a {
			display:block;
			font:bold 11px/120% Arial, Helvetica, sans-serif;
			text-shadow:1px 1px #EEE;
			padding:6px 8px;
		}
		#contentNav ul li a:hover {
			border-bottom:none;
			background:#EEE;
		}
		#contentNav ul li a.selected:hover,
		#contentNav ul li a.selected {
			border-bottom:none;
			color:#000;
			text-transform:uppercase;
			background:none;
		}
		#contentNav ul li a.selected {
			cursor:default;
		}
	
/* PIE (#footer)
--------------------------------------------- */
#footer {
	background:#444;
	margin:0 auto;
	text-align:left;
}
	#footerInner{
		padding:5px 20px;
	}
		#footerInner p {
			font:normal 11px/140% Arial, Helvetica, sans-serif;
			color:#FFF;
			margin:10px 0;
		}
		#footerInner p strong {
			color:#DDD;
		}
		#footer p a {
			font-weight:bold;
			color:#DDD;
		}

/* CLASES AUXILIARES
--------------------------------------------- */
.frame {
	border:1px solid #E4E4E4;
	padding:8px;
	background:#F4F4F4;
}
	.frame img {
		border:1px solid #ddd;
	}
.first{
	border:none !important;
}