/*-----------------------------------------------------------------------------------------------------/
	Reset, general
/-----------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0; text-decoration:none; outline:none; border:none}
.left{float:left}
.right{float:right}
.padding{padding:5px}
.wrapp{margin:auto; overflow:hidden}
.oculto{display:none}

 /* alineacion de textos */
.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_justify{text-align:justify}


/*-----------------------------------------------------------------------------------------------------/
	Tipografias, colores, backgrounds
/-----------------------------------------------------------------------------------------------------*/
.texto_times{font-family:"Times New Roman", Times, serif}
.texto_arial{font-family:Arial, Helvetica, sans-serif; color:#646567}
.franja_gris{background:url(../imagenes/bg_cabecera.png) repeat-x}
#franja_gris_home{background:url(../imagenes/body_bg.png) repeat-x}
/* contenido */
#contenido{font-size:12px}
	#contenido a{color:#000}
	#contenido a:hover{color:#646567}
/* footer */
#footer{line-height:70px; font-size:14px; background-color:#EDEDED; border-top:double 4px #CDCDCD}
	#footer a{color:#646567}
	#footer a:hover{color:#000}


/*-----------------------------------------------------------------------------------------------------/
	Layouts principales
/-----------------------------------------------------------------------------------------------------*/
#wrapper{width:970px; margin-top:59px}
	/* menu / cabecera */
	#menu_cabecera_home, #menu_cabecera{width:970px; height:324px}
	#menu_cabecera{height:167px}
		#menu_cabecera #menu .left img{position:absolute; top:35px}
		.franja_gris{position:absolute; left:0; width:100%; height:131px}
		#franja_gris_home{height:288px}
			.franja_gris div.wrapp{width:970px}
		#cabecera{width:970px; height:288px; position:relative}
			#cabecera .right{width:485px; height:221px; margin-top:33.5px}
	/* contenido */
	#contenido{width:920px; padding:25px; padding-top:60px; /*height:auto !important; height:600px; min-height:600px*/}
		#contenido div.left{width:540px}
		#contenido #home{width:450px}
			#contenido p{margin-top:15px; line-height:1.3em}
			#contenido .left{width:610px}


/*-----------------------------------------------------------------------------------------------------/
	Menu
/-----------------------------------------------------------------------------------------------------*/
#menu li{display:inline; padding-left:10px; height:36px; line-height:36px}
	#menu li a{color:#000; font-size:14px; font-weight:bold}
	#menu li a:hover, #menu li a.activo{color:#959595}


/*-----------------------------------------------------------------------------------------------------/
	Titulos
/-----------------------------------------------------------------------------------------------------*/
h1{font-size:80px; color:#FFF; font-weight:normal; text-shadow:#555 0 1px 0; margin:20px 25px}
h2{font-size:40px; color:#000; font-weight:normal; margin-bottom:30px}
h3{font-size:16px; color:#000; line-height:16px; font-weight:bold}/* pasarlo a novedades, y tambien ponerlo en la parte de noticias */


/*-----------------------------------------------------------------------------------------------------/
	Secciones por separado
/-----------------------------------------------------------------------------------------------------*/
/* separador */
#separador{background:url(../imagenes/separador_bg.gif) center center repeat-x; margin:30px 0}
	#separador img{width:60px; height:20px}


/* home - slide */
/* Required */
.container{width:485px; height:194px; margin:auto; line-height:0}
	.slides {position:absolute; top:0; left:0}
		.slides div.slide{position:absolute; top:0; width:485px; overflow:hidden; display:none; cursor:pointer}
			.slides div.slide img.left{border:solid 2px #CCC; margin-right:10px}
			.slides div.slide{line-height:1em}
				.slides div.slide p{margin-bottom:16px}
				.slides div.slide .fecha{font-size:11px; font-style:italic; color:#e1e1e1}
				.slides div.slide .titulo{font-size:18px; font-weight:bold; color:#FFF}
				.slides div.slide div{font-size:12px; color:#e1e1e1; height:130px}
					.slides div.slide div p{margin:5px 0}
/* Optional */
#loopedSlider{width:485px; height:221px; position:relative}
	#loopedSlider ul.pagination{width:66px; height:12px; position:absolute; left:64px; bottom:0}
		#loopedSlider ul.pagination li{float:left; margin:0 5px}
			#loopedSlider ul.pagination li a{display:block; width:12px; padding-top:12px; overflow:hidden; background-image:url(../imagenes/pagination.png); background-position:0 0; background-repeat:no-repeat}
			#loopedSlider ul.pagination li.active a {background-position:0 -12px}
	#loopedSlider a#ver_todas{position:absolute; bottom:0; right:0; font-size:18px; font-style:italic; font-weight:bold; color:#545454}
	#loopedSlider a#ver_todas:hover{color:#FFF}


/* novedades */
#novedades{height:500px} /* para el sroll-pane */
#novedades .wrapp{width:522px; margin-top:20px; padding-bottom:20px; border-bottom:solid 1px #b4b4b4}
#novedades .wrapp:last-child{border-bottom:0}
	#novedades img.left{width:164px; height:168px; border:solid 1px #000}
	#novedades div.right{width:343px; height:145px; margin-top:25px}
		#novedades div.right .fecha{font-style:italic; font-size:11px; line-height:11px}
		#novedades div.right div.texto_arial{height:70px; overflow:hidden; margin:10px 0; margin-bottom:3px}
/* novedad ampliada */
#contenido #novedad .left{width:172px}
	#contenido #novedad .left ul{list-style:none}
	#contenido #novedad .left div{position:relative; margin-bottom:25px; line-height:0}
		#contenido #novedad .left img{width:164px; height:168px; border:solid 4px #000}
		#contenido #novedad .left img#ampliar_lupa{width:28px; height:28px; border:0; position:absolute; bottom:0; right:0}
	#contenido #novedad ul{text-transform:uppercase; font-style:italic; font-size:9px}
		#contenido #novedad ul li{margin-bottom:5px}
#contenido #novedad .right{width:343px}
	#contenido #novedad .right h2{font-size:25px; margin-bottom:20px}


/* contacto */
#contenido div#contacto{width:420px}
form{width:420px}
	form#contacto p{margin:0}
	form input, form textarea{width:400px; display:block; margin-bottom:20px; padding:8px; font-size:18px; border:solid 2px #000}
	form textarea{height:200px; overflow:auto}
	form .texto_arial{color:#000}
	form input.boton{width:100px; display:inline; margin-bottom:0; padding:0; font-size:22px; border:0; background:none}
	form input.boton:hover{cursor:pointer; color:#333}
	.error{background-color:#EEE}
#contacto_img{margin-top:100px}

/*
form{width:540px}
	form#contacto p{margin:0}
	form input, form textarea{width:520px; display:block; margin-bottom:20px; padding:8px; font-size:18px; border:solid 2px #000}
	form textarea{height:180px; overflow:auto}
	form .texto_arial{color:#000}
	form input.boton{width:100px; display:inline; margin-bottom:0; padding:0; font-size:22px; border:0; background:none}
	form input.boton:hover{cursor:pointer; color:#333}
	.error{background-color:#EEE}
*/


/* galeria */
#galeria{width:540px; height:490px}
	#galeria a{color:#646567}
	#galeria a:hover{color:#d5d5d5}
#galeria .wrapp{width:522px; height:198px; margin:15px auto}
	#galeria .wrapp div{width:156px; padding:6px; background:#f1f1f1}
	#galeria .wrapp div:hover{cursor:pointer; background-color:#000; color:#d5d5d5}
	#galeria .wrapp div.center{margin-left:9px}
		#galeria .wrapp img{width:156px}

/* curriculum */
#curriculum{margin-top:30px}
	#curriculum div.scroll-pane{height:590px}
		#curriculum div.scroll-pane ul{list-style-type:circle; line-height:1.3em; padding-left:15px; margin-bottom:25px}
		#curriculum .texto_times{margin-bottom:8px; font-size:14px}