
/* RESET */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Genericos */

#body {  padding-top:2px;}
.accessible { 
	position:absolute;
	width:1px;
	height:1px;
	top:0px;
	left:0px;
	overflow:hidden;
}
body { font:62.5%  arial, helvetica, sans-serif;color:#000;background:#fff}
.wrapper { width:984px; height:1020px; margin:0 auto; background:#fff; }
a {color:#101010; text-decoration:none;}
a:hover {text-decoration:underline;}
p { line-height:1.3em;}

.btn{ background:url(../imagenes/flecha_der.png) no-repeat 100% 0; border:0 none; font-family:verdana; color:#fff; font-weight:bold; font-size:1em; cursor:pointer;  overflow:visible;}
.btn:hover{ background: url(../imagenes/flecha_der.png) no-repeat 100% 0; text-decoration:none;}
a.btn{ padding-left:0em; display:block; position:absolute; right:2em; bottom:1.5em; width:20px; height:20px;}

/* Header */
.header { height: 165px; width: 984px; background:url("../imagenes/cabecera.png") no-repeat 50% 0; position:relative;}
.header h1 {
	display:block;
	position:absolute;
	top:140px;
	left:100px;
	color:#ffffff;
	font-weight:bold;
}
.header a {color:#ffffff; font-size:12px;}

/* Cajas */
.titulo_pagina_izq { position:relative;  font-size:25px;  font-weight:bold; letter-spacing:-2px; word-spacing:8px; font-family: Arial Narrow; color:#ffffff;  height:40px; padding:10px 0px 0px 20px; margin-bottom:10px; text-align:left;  background: url(../imagenes/fondos/pie_tit_inicio_izq.png) no-repeat 0% 100%;}
.titulo_pagina_der { position:relative;  font-size:25px;   font-weight:bold;   letter-spacing:-2px; word-spacing:8px; font-family: Arial Narrow; color:#ffffff;  height:40px; padding:10px 10px 0px 20px; margin-bottom:10px; text-align:right; background: url(../imagenes/fondos/pie_tit_inicio_der.png) no-repeat 100% 100%;}
.contenedor_cajas {  padding:2px ; height:1%;} 
.caja{margin:0 5px 5px; float:left; display:inline; width:27.5em; padding:0px 2px 0 2px; min-height:19.6em; position:relative;} 
* html .caja {width:27.4em; height:19.9em; }
.contenedor_cajas .doble {width:62.4em;} 
.contenedor_cajas .mitad {width:45.4%;} 

/*Carrusel*/
.contenedor_cajas .carrusel_contenidos { width:707px; height:250px; background:url("../imagenes/fondos/bg_banner.png"); overflow:hidden; padding:0; position:relative;  }
* html .contenedor_cajas .carrusel_contenidos { margin-bottom:2.9em; } 
.infocarousel_container {position:absolute; top: -1000px; }
.jcarousel-container, #infocarousel { position: relative; width:670px; height:250px; float:left; padding-left:20px;  }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list, #infocarousel { z-index: 1; overflow: hidden; position: relative; top: 0px; left: 0; margin: 0; padding: 20px 0 0; }
.jcarousel-list li, .jcarousel-item, #infocarousel li {     float:left; list-style: none; width: 200px;  text-align:center; position:relative; }

.jcarousel-list li a{  border:0px solid red;   height:180px; overflow:hidden; display:block; }
.jcarousel-next { position:absolute; top:20px; right:150px; z-index: 3;    width:20px; height:20px; background:url('../imagenes/flecha_der.png') no-repeat; cursor:pointer;}
.jcarousel-prev { position:absolute; top:20px; left:150px; z-index: 3;     width:20px; height:20px; background:url('../imagenes/flecha_izq.png') no-repeat; cursor:pointer; }
.jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-item{ top:25px; }



/* Lateral */
.lateral{  border-left:1px solid #000000;  float:right; padding:0px 5px 0px 10px; width:240px; }
.lateral p{padding:0px 0px 0px 10px; }
.lateral hr{  margin:2px 0px 2px 0px; height:1px; color:#032f64; width:230px; }
.lateral .anuncio {   position:relative;   margin:1px 0px 1px 0px; vertical-align:top; cursor:pointer; overflow:hidden;}
.lateral .anuncio h1{ text-align:left; font-size:12px; font-weight:bold; font-family:arial; color:#7e9c33; padding-left:10px;  }
.lateral .anuncio h2{  text-align:left; font-size:12px; font-weight:bold; font-family:arial; color:#b14c0d; padding-left:10px; }
.lateral .anuncio p {  text-align:left;  font-size:11px; font-weight:normal; font-family:arial; color:#000;   padding-left:10px; }
.lateral .anuncio img{ position:relative;  }
.lateral  .cabnaranja { position:relative;  font-size:12px; font-weight:bold; font-family:arial; color:#ffffff; width:240px; height:26px; padding:4px 0px 0px 4px;  background: url(../imagenes/fondos/bg_cab_naranja.png) no-repeat 0% 0%;}
.lateral  .cabvioleta {  position:relative;    font-size:12px; font-weight:bold; font-family:arial; color:#ffffff; width:240px; height:26px; padding:4px 0px 0px 4px;  background: url(../imagenes/fondos/bg_cab_violeta.png) no-repeat 0% 100%;}

/* Quienes somos */
.wid { text-align:justify;}
.wid h1{ font-weight:normal; padding-top:5px; padding-left:5px}
.wid h2, .wid table{ font-size:11px; font-weight:normal; color:#fff; padding: 5px 20px 5px 20px;}
.wid img { margin: 5px 10px 2px 7px; float:left;}

.wid1{ width:345px; height:240px; background: url(../imagenes/fondos/bg_1.png) no-repeat 100% 100%;}  

/* Donde estamos */
.wid2 {  width:345px; height:240px; background:url(../imagenes/fondos/bg_2.png) no-repeat 100% 100%;}   

/* Quienes somos */
.wid3{ width:345px; height:240px; background: url(../imagenes/fondos/bg_3.png) no-repeat 100% 100%;}  

/* Donde estamos */
.wid4 { width:345px; height:240px;background:url(../imagenes/fondos/bg_4.png) no-repeat 100% 100%;}   



