/* ------------ */
/* CSS Chaco IT */
/* ------------ */

body {
	margin:-15px 0 20px 0 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#333;
}

body * {
	margin:0;
	padding:0;
	outline:0;
}

div {
	width:auto;
	height:auto;
	overflow:auto;
}

a img {
	border:none;
}

ul li {
	list-style-type:none;
}

/* -------------------------------------------------------------- */
/* BASE                                                           */
/* -------------------------------------------------------------- */

#principal {
	width:900px;
	margin:0 auto;
	background:#FFF url(../imgs/col_der_bg.gif) 675px 0 repeat-y;
}

	#cabecera {
		width:900px;
		height:auto; /* 270 */
		overflow:auto;
		background:#000 url(../imgs/header_bg.jpg) left -30px no-repeat;
	}
	
	#contenido {
		width:900px;
		height:auto;
		overflow:auto;
		background:transparent url(../imgs/contenido_bg.jpg) left bottom no-repeat;
	}
	
	#pie {
		width:900px;
		height:auto;
		overflow:auto;
		padding:20px 0 20px 0;
		background:#000 url(../imgs/linea_roja.gif) left top no-repeat;
		color:#999;
	}
	
	body.home #pie {
		padding-top:0px; !important;
		background:#000 url(../imgs/linea_roja.gif) left  249px no-repeat !important;
	}
	body.home #pie div.col, body.home #pie div.logos{ padding-top:20px;}
	

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



/* -------- */
/* Cabecera */
/* -------- */

#cabecera {}

	/* Logo */

	#cabecera div.logo {
		float:left;
		position:relative;
		top:25px;
		left:155px;
	}
	
	/* Buscador */
	
	#buscador {
		float:right;
		width:300px;
		height:75px;
		text-align:right;
	}
	
		#buscador div {
			position:relative;
			top:30px;
			right:20px;
		}
	
		#buscador input {
			width:150px;
			padding:2px;
			font-size:11px;
			border:#CCC 1px solid;
		}
		
		#buscador a {
			text-decoration:none;
			color:#666;
		}
		
		#buscador a:hover {
			color:#F00;
		}
	
	/* ************************************************************************ */
	
	/* Menú/Submenú en Cabecera */
	
	#menu_cont {
		float:right;
		clear:right;
		width:500px;
		height:175px;
		overflow:hidden;
		padding:20px 20px 0 0;
	}
	
		#menu_cont ul {
			float:right;
		}
	
		#menu_cont ul li {
			height:20px;
		}
		
			#menu_cont ul li a {
				text-decoration:none;
				color:#FFF;
				text-transform:uppercase;
				font-weight:bold;
			}
			
			#menu_cont ul li a:hover {
				color:#F00;
			}
			
	/* dropdown.css */
	
	ul.dropdown,
	ul.dropdown li,
	ul.dropdown ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.dropdown {
		position: relative;
		z-index: 597;
		float: left;
	}
	
	ul.dropdown li {
		float: right; /* left */
		line-height: 1.3em;
		vertical-align: middle;
		/*zoom: 1;*/
	}
	
	ul.dropdown li.hover,
	ul.dropdown li:hover {
		position: relative;
		z-index: 599;
		cursor: default;
		/*background:url(../imgs/sitio/bullet_roja.gif) 25px 3px no-repeat;*/
	}
	
	ul.dropdown ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 598;
		width: 100%;
	}
	
	ul.dropdown ul li {
		float: none;
	}
	
	ul.dropdown ul ul {
		top: 1px;
		left: 99%;
	}
	
	ul.dropdown li:hover > ul {
		visibility: visible;
	}
	
	/* dropdown.vertical.css */
	
	ul.dropdown-vertical {
		width: 180px;
	}
	
	ul.dropdown-vertical ul {
		top: 1px;
		left: 99%;
	}
	
	ul.dropdown-vertical li {
		float: none;
	}
		
	/* dropdown.vertical.rtl.css */
			
	ul.dropdown-vertical-rtl {
		float: right !important;
	}
	
	ul.dropdown-vertical-rtl ul {
		left: auto !important;
		right: 99%;
	}
	
	ul.dropdown-vertical-rtl li {
		text-align: right;
	}
			
	/* ************************************************************************ */
	
/* --------- */
/* Contenido */
/* --------- */

#contenido {}

	/* Contenido Izquierda */
	
	#contenido_izq {
		float:left;
		width:675px;
	}

	/* Contenido Derecha */
	
	#contenido_der {
		float:right;
		width:225px;
		background:#EFEFEF;
	}
		
		/* Menú Lateral */
	
		#menu_lateral {
			width:225px;
			background:#E30019 url(../imgs/menu_lateral_bg.gif) left bottom no-repeat;
		}
		
			#menu_lateral ul {
				padding:10px 20px 0 20px;
				background:transparent url(../imgs/linea_negra_180.gif) right top no-repeat;
			}
			
			#menu_lateral li {
				padding:5px 10px;
				text-align:right;
				border-top:#FFF 1px solid;
			}
			
			#menu_lateral li.first {
				border:0;
			}
			
				#menu_lateral li a {
					text-decoration:none;
					color:#FFF;
				}
				
				#menu_lateral li a:hover {
					color:#000;
				}
				
		/* Form. Contacto Rápido */
		
		#contacto_rapido {
			width:225px;
			height:320px;
			overflow:hidden;
			padding:0 0 10px 0;
			background:#EFEFEF url(../imgs/contacto_rapido_bg.gif) left top no-repeat;
		}
		
			#contacto_rapido form {
				padding:10px 10px 0 10px;
				background:transparent url(../imgs/linea_negra_180.gif) right top no-repeat;
			}
		
			#contacto_rapido h4 {
				font-size:1em;
				padding:15px 0;
				text-align:right;
			}
			
			#contacto_rapido li {
				padding:5px 0;
				text-align:right;
			}
		
			#contacto_rapido label {
				display:block;
				float:left;
				width:70px;
				padding:2px 5px 0 0;
				color:#999;
				text-align:right;
			}
			
			#contacto_rapido input.txt {
				width:115px;
				padding:2px;
				font-size:11px;
				border:#CCC 1px solid;
			}
			
			#contacto_rapido textarea {
				width:200px;
				height:100px;
				padding:2px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				border:#CCC 1px solid;
			}
			
			#contacto_rapido a {
				text-decoration:none;
				color:#666;
			}
			
			#contacto_rapido a:hover {
				color:#F00;
			}
			
		/* Nube de Tags */
		
		#nube_tags {
			width:205px;
			padding:20px 10px;
			text-align:center;
			background:#EFEFEF url(../imgs/contacto_rapido_bg.gif) left bottom no-repeat;
			border-top:#CCC 1px solid;
			border-bottom:#CCC 1px solid;
		}
		
			#nube_tags a {
				text-decoration:none;
				color:#666;
			}
			
			#nube_tags a.nube_tam_1 {font-size:1.8em}
			#nube_tags a.nube_tam_2 {font-size:1.6em}
			#nube_tags a.nube_tam_3 {font-size:1.4em}
			#nube_tags a.nube_tam_4 {font-size:1.2em}
			#nube_tags a.nube_tam_5 {font-size:1.1em}
			

	/* ¿Java? */
	
	#java {
		width:900px;
		height:auto;
		overflow:auto;
		background:#FFF;
		border-bottom:#EFEFEF 1px solid;
	}
	
		#java h3 {
			padding:12px 0 8px 20px;
			font-size:1em;
			color:#FFF;
			background:#F00 url(../imgs/linea_negra.gif) 0 0 no-repeat;
		}
		
	div.home #java {
		margin-bottom:20px;
		border-bottom:none;
	}

/* --- */
/* Pie */
/* --- */

#pie {}
	
	#pie a {
		font-size:10px;
		text-decoration:none;
		color:#999;
	}
	
	#pie a:hover {
		color:#FFF;
	}
	
	#pie div.col {
		float:left;
		width:124px;
		height:115px;
		padding:0 3px;
		border-right:#666 1px solid;
	}	
	
		#pie div.col li.tipo_1 a {
			font-weight:bold;
			line-height:20px;
		}
		
		#pie div.col li.tipo_2 a {}
		
		#pie div.col img.logo_pie {
			margin:5px 0 0 20px;
		}
	
	#pie div.logos {
		float:left;
		padding:0 0 0 10px;
	}
	
	/* ---- */
	
	#pie div.adicional {
		width:900px;
		height:auto;
		overflow:auto;
		background:#222;
		margin-bottom:0px;
	}
	
		#pie div.adicional div {
			float:left;
			width:30%;
		}

/* -------------------------------------------------------------- */
/* ESPECIFICOS                                                    */
/* -------------------------------------------------------------- */

/* ---- */
/* Home */
/* ---- */

body.home #contenido div.col {
	float:left;
	width:195px; /* 225 - 30 */
			min-height:340px;
		height:auto !important;
		height:340px;
	 /*height:320px; 330 - 10 */
	padding:0 15px 10px 15px;
	background:#EFEFEF url(../imgs/contacto_rapido_bg.gif) right top no-repeat;
}

	body.home #contenido div.col h2 {
		padding:15px 0;
		font-size:1em;
	}
	
	body.home #contenido div.col p {
		padding:0 0 15px 0;
		text-align:justify;
	}
	
	body.home #contenido div.col li {
		padding:5px;
		border-bottom:#CCC 1px solid;
	}
	
	body.home #contenido div.col li.first {
		border-top:#CCC 1px solid;
	}
	
	body.home #contenido div.col li a {
		text-decoration:none;
		color:#333;
	}
	
		body.home #contenido div.col li a span {
			color:#F00;
		}
	
	body.home #contenido div.col li a:hover {
		color:#F00;
	}
	
/* --------------- */
/* Bloque de Texto */
/* --------------- */

#contenido div.bloque_texto {
	width:600px;
	padding:40px 30px;
	background:url(../imgs/linea_roja.gif) left top no-repeat;
}

	#contenido div.bloque_texto h2 {
		height:25px;
		padding:0 0 20px 0;
		font-size:1.1em;
	}
	
		#contenido div.bloque_texto h2 span {
			display:block;
			float:left;
			padding-bottom:2px;
			border-bottom:#CCC 1px solid;
		}
	
	#contenido div.bloque_texto h3 {
		padding:0 0 10px 0;
		font-size:1em;
	}
	
	#contenido div.bloque_texto h4 {
		padding:0 0 10px 0;
		font-size:1em;
	}
	
	#contenido div.bloque_texto h5 {
		padding:0 0 10px 0;
		font-size:1em;
	}
	
	#contenido div.bloque_texto p {
		text-align:justify;
		padding:0 0 20px 0;
	}
	
		#contenido div.bloque_texto p img.FL {
			float:left;
			margin:0 10px 10px 0;
		}
		
		#contenido div.bloque_texto p img.FR {
			float:left;
			margin:0 0 10px 10px;
		}
	
	#contenido div.bloque_texto ul {
		padding:0 0 20px 0;
	}
	
	#contenido div.bloque_texto a {
		text-decoration:none;
		color:#F00;
	}
	
	#contenido div.bloque_texto a:hover {
		color:#000;
	}
	
/* ----------------- */
/* Form. de Contacto */
/* ----------------- */

#contenido div.form_contacto {
	width:600px;
	padding:40px 30px;
	background:url(../imgs/linea_negra.gif) left top no-repeat;
}

	#contenido div.form_contacto h2 {
		height:25px;
		padding:0 0 20px 0;
		font-size:1.1em;
	}
	
		#contenido div.form_contacto h2 span {
			display:block;
			float:left;
			padding-bottom:2px;
			border-bottom:#CCC 1px solid;
		}
		
	#contenido div.form_contacto li {
		text-align:right;
		padding:0 20px 5px 0;
	}
		
	#contenido div.form_contacto label {
		display:block;
		float:left;
		width:70px;
		padding:2px 5px 0 0;
		color:#999;
		text-align:left;
	}
	
	#contenido div.form_contacto input.txt {
		width:165px;
		padding:2px;
		font-size:11px;
		border:#CCC 1px solid;
	}
	
	#contenido div.form_contacto textarea {
		width:225px;
		height:100px;
		padding:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border:#CCC 1px solid;
	}
	
	#contenido div.form_contacto a {
		text-decoration:none;
		color:#666;
	}
	
	#contenido div.form_contacto a:hover {
		color:#F00;
	}
		
	#contenido div.form_contacto div.izq {
		width:45%;
		float:left;
	}
	
	#contenido div.form_contacto div.der {
		width:55%;
		float:right;
	}
	address { margin:0px; margin-bottom:4px;}
/* ---------------------------- */
/* Lista de Noticias/Resultados */
/* ---------------------------- */

#contenido div.lista_noticias,
#contenido div.lista_resultados, 
#contenido div.lista_links  {
	padding:40px 30px;
	background:url(../imgs/linea_roja.gif) left top no-repeat;
}

	#contenido div.lista_noticias h2, 
	#contenido div.lista_resultados h2 {
		height:25px;
		padding:0 0 20px 0;
		font-size:1.1em;
	}
	
		#contenido div.lista_noticias h2 span, 
		#contenido div.lista_resultados h2 span {
			display:block;
			float:left;
			padding-bottom:2px;
			border-bottom:#CCC 1px solid;
		}
		
	#contenido div.lista_noticias div.paginado, 
	#contenido div.lista_resultados div.paginado, 
	#contenido div.lista_links div.paginado  {
		width:600px;
		height:auto;
		overflow:auto;
		padding-bottom:20px;
	}
	
		#contenido div.lista_noticias div.paginado ul, 
		#contenido div.lista_resultados div.paginado ul, 
		#contenido div.lista_links div.paginado ul {
			float:right;
		}
		
		#contenido div.lista_noticias div.paginado li, 
		#contenido div.lista_resultados div.paginado li, 
		#contenido div.lista_links div.paginado li{
			float:left;
			width:20px;
			margin-left:2px;
			text-align:center;
			border:#CCC 1px solid;
			background:#FFF;
		}
		
			#contenido div.lista_noticias div.paginado li a, 
			#contenido div.lista_noticias div.paginado li span, 
			#contenido div.lista_resultados div.paginado li a, 
			#contenido div.lista_resultados div.paginado li span, 
			#contenido div.lista_links div.paginado li a, 
			#contenido div.lista_links div.paginado li span  {
				display:block;
				width:20px;
				padding:2px 0;
				text-decoration:none;
				color:#000;
			}
			
			#contenido div.lista_noticias div.paginado li a:hover, 
			#contenido div.lista_resultados div.paginado li a:hover, 
			#contenido div.lista_links div.paginado li a:hover  {
				background:#EFEFEF;
			}
			
			#contenido div.lista_noticias div.paginado li span, 
			#contenido div.lista_resultados div.paginado li span, 
			#contenido div.lista_links div.paginado li span {
				color:#CCC;
				background:#EFEFEF;
			}
		
	#contenido div.lista_noticias ul.lista, 
	#contenido div.lista_resultados ul.lista {
		width:600px;
	}
	
		#contenido div.lista_noticias ul.lista li, 
		#contenido div.lista_resultados ul.lista li {
			width:600px;
			height:auto;
			overflow:auto;
			padding-bottom:20px;
			border-bottom:#CCC 1px solid;
			margin-bottom:20px;
		}
		
			#contenido div.lista_noticias ul.lista li h3, 
			#contenido div.lista_resultados ul.lista li h3 {
				padding:0 0 15px 15px;
				font-size:1em;
				background:url(../imgs/bullet_roja_2.gif) 0 3px no-repeat;
			}
			
				#contenido div.lista_noticias ul.lista li h3 a, 
				#contenido div.lista_resultados ul.lista li h3 a {
					text-decoration:none;
					color:#000;
				}
				
				#contenido div.lista_noticias ul.lista li h3 a:hover, 
				#contenido div.lista_resultados ul.lista li h3 a:hover {
					color:#F00;
				}
		
			#contenido div.lista_noticias ul.lista li div.img { /* Solo p/lista de noticias */
				float:left;
				width:197px;
				height:123px;
				overflow:hidden;
				margin-top:5px;
				border:#CCC 1px solid;
			}
			
			#contenido div.lista_noticias ul.lista li div.txt { /* Solo p/lista de noticias */
				float:right;
				width:380px;
			}
			
			#contenido div.lista_noticias ul.lista li div.txt { /* Solo p/lista de resultados */
				float:right;
				width:600px;
			}
			
				#contenido div.lista_noticias ul.lista li div.txt div.leer_mas, 
				#contenido div.lista_resultados ul.lista li div.txt div.leer_mas {
					padding:5px 0;
					text-align:right;
				}
				
					#contenido div.lista_noticias ul.lista li div.txt div.leer_mas a, 
					#contenido div.lista_resultados ul.lista li div.txt div.leer_mas a {
						text-decoration:none;
						color:#F00;
					}
					
					#contenido div.lista_noticias ul.lista li div.txt div.leer_mas a:hover, 
					#contenido div.lista_resultados ul.lista li div.txt div.leer_mas a:hover {
						color:#000;
					}
					
					#contenido div.lista_links dl {
		width:600px;
		height:auto;
		overflow:auto;
		padding-bottom:20px;
		border-bottom:#CCC 1px solid;
		margin-bottom:20px;
	}
	
		#contenido div.lista_links dl dt {
			padding:0 0 15px 15px;
			background:url(../imgs/bullet_roja_2.gif) 0 3px no-repeat;
		}
	
			#contenido div.lista_links dl dt a {
				text-decoration:none;
				font-size:1em;
				font-weight:bold;
				color:#000;
			}
			
			#contenido div.lista_links dl dt a:hover {
				color:#F00;
			}
		
		#contenido div.lista_links dl dd {}
					
/* -------- */
/* Catálogo */
/* -------- */

#contenido div.catalogo {
	width:600px;
	padding:40px 30px;
	background:url(../imgs/linea_negra.gif) left top no-repeat;
}

	#contenido div.catalogo h2 {
		height:25px;
		padding:0 0 20px 0;
		font-size:1.1em;
	}
	
		#contenido div.catalogo h2 span {
			display:block;
			float:left;
			padding-bottom:2px;
			border-bottom:#CCC 1px solid;
		}
		
	#contenido div.catalogo div.img_cont {
		float:left;
		width:304px;
		height:280px;
	}
		
		#contenido div.catalogo div.img {
			float:left;
			width:300px;
			padding:10px 0;
			border:#CCC 2px solid;
			text-align:center;
		}
	
		#contenido div.catalogo div.btns {
			float:left;
			clear:left;
			width:300px;
			height:15px;
			padding:5px 0 0 0;
		}
		
			#contenido div.catalogo div.btns a {
				display:block;
				float:left;
				width:10px;
				height:10px;
				overflow:hidden;
				margin:0;
				padding:0 0 0 5px;
				background:url(../imgs/sitio/btn_fotos.gif) 0 0 no-repeat;
			}
			
			#contenido div.catalogo div.btns a:hover, 
			#contenido div.catalogo div.btns a.marcado {
				background-position:0 -10px;
			}
	
	#contenido div.catalogo div.txt {
		float:right;
		width:275px;
	}
	
		#contenido div.catalogo div.txt h3 {
			margin:0 0 20px 0;
			padding:0 0 5px 0;
			font-size:1em;
			color:#F00;
			border-bottom:#CCC 1px solid;
		}
		
		#contenido div.catalogo div.txt p {
			padding:0 0 20px 0;
		}
		
		#contenido div.catalogo div.txt a {
			text-decoration:none;
			color:#F00;
		}
		
		#contenido div.catalogo div.txt a:hover {
			color:#000;
		}
		
		#contenido div.catalogo div.txt div.url {
			padding:0 0 0 0;
			text-align:right
		}
		
			#contenido div.catalogo div.txt div.url a {
				font-weight:bold;
				color:#000;
			}
			
			#contenido div.catalogo div.txt div.url a:hover {
				color:#F00;
			}
			

blockquote, pre {
font-size:14px;
font-weight:bold;
color:#555555;
background:#F4F5F7 url(../images/blockquote.gif) no-repeat scroll 3px 3px;
border:1px dashed #CCCCCC;
margin:5px 0;
padding:8px 12px 8px 36px;
}

#contenido div.bloque_texto h2.seccion {
font-size:14px;
font-weight:bold;
color:#555555;
background-color:#F4F5F7;
border-left:6px solid #E20019;
height:20px;
padding:0px;
padding-top:3px;
padding-left:15px;
margin-bottom:7px;
vertical-align:middle;
}

h1{font-size:15px;
font-weight:bold;
color:#555555;
margin:15px;
background:url(../imgs/pin.jpg) left no-repeat;
text-indent:20px;
line-height:25px;}

#contenido div.bloque_texto ul li h4{font-size:12px;
font-weight:bold;
color:#555555;
margin-top:8px; margin-bottom:1px;}

ul.lista_decorada
{ list-style:url(../imgs/pin_small.jpg);
width:80%;
margin:auto;}

ul.lista_click
{ list-style:url(../imgs/click.jpg);
width:80%;
margin:auto;}

#pie ul.tags{ width:90%; list-style:none; text-align:center; margin:0px; margin-top:3px; padding-top:10px; padding-bottom:10px; }
#pie ul.tags li{ display: inline; margin:2px; margin-right:6px; font-size:10px; font-weight:normal;}
#pie ul.tags li a {color:#707070;}