/*-----------------------------------------------------------------------------------------------------/
	Reset, general
/-----------------------------------------------------------------------------------------------------*/
*{margin:0; padding:0; text-decoration:none; outline:none; border:none}
.left{float:left}
.right{float:right}
.wrapp{margin:auto; overflow:hidden}
.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_justify{text-align:justify}


/*-----------------------------------------------------------------------------------------------------/
	Tipografias, colores, backgrounds
/-----------------------------------------------------------------------------------------------------*/
body{background:url('../img/bg.jpg') center top no-repeat #010101}
body, .texto{font-family:Trebuchet MS}
	#wrapper{background:url('../img/ajax_loader.gif') center -20px no-repeat}
		#centro{color:#FFF; font-size:12px}
			#centro h1, #galerias h1{color:#4c0000; border-bottom:solid 2px #4c0000; font-size:30px; text-shadow:#bd0000 0 1px 0}
			h2{font-size:22px; line-height:1.3em}
		#foot{font-size:12px; line-height:20px; color:#AAA}
			#foot a{color:#AAA}
			#foot a:hover, #foot a.actual{text-decoration:underline}


/*-----------------------------------------------------------------------------------------------------/
	Layouts principales
/-----------------------------------------------------------------------------------------------------*/
#wrapper{width:980px; height:800px; position:relative}
	#logo_menu{height:78px; margin:30px 0}
	#content{position:relative; top:0; left:0}
		#centro, #galerias{width:805px}
			h1{margin-bottom:20px}
			h2{height:77px}
			#centro .right{width:390px}
	#foot{width:100%; position:absolute; bottom:10px}
		#foot div li{display:inline}


/*-----------------------------------------------------------------------------------------------------/
	Secciones y bloques por separado
/-----------------------------------------------------------------------------------------------------*/
/* menu */
#menu{margin-top:9px; font-size:20px; list-style:none}
	#menu li{float:left; width:129px; height:60px; overflow:hidden}
	#menu li:first-child{width:105px; list-style:none}
		#menu li a{float:right; width:105px; color:#FFF; display:block}
		#menu li a:hover, #menu li a.actual{color:#000}
			#menu li a span{display:block; font-size:11px}
			#menu span.separador_menu{display:block; float:right; width:24px; height:60px; background-image:url('../img/menu_separador.png')}/*para ie6 hacerla flotar y achicar ancho 1px*/

/* home/galerias boxes, cajitas */
#texto_home{width:831px; height:175px; margin-bottom:4px; background-image:url('../img/texto_home.png'); text-indent:-9999px}
#box_wrapp{width:800px; font-size:11px}
	#box_wrapp div, #galerias li{width:255px; height:250px; background:url('../img/recuadro_noticia_home.png') no-repeat}
		#box_wrapp div h1{font-size:20px; line-height:26px; text-decoration:underline; margin:0; padding:22px 25px 10px 25px; overflow:hidden; height:45px}
		#box_wrapp div p{height:35px; font-size:11px; overflow:hidden; line-height:14px; padding:5px 25px 22px}
		#box_wrapp div a.ampliar{width:152px; height:17px; display:block; margin-top:8px; background:url('../img/ampliar_noticia_bg.png') no-repeat}
		#box_wrapp div a.ampliar:hover{background-position:0 -17px}
		#box_wrapp div #slide_home{width:216px; height:151px; margin-top:20px; background:none}
			#box_wrapp div #slide_home img{width:216px; height:151px}

/* galerias */
#galerias{width:850px}
	#galerias h1{width:800px}
	#galerias ul{width:765px}
		#galerias p{margin:10px 5px; line-height:1.7em; font-size:11px; color:#FFF; font-style:italic}
		#galerias ul a.oculto{display:none}
			#galerias ul img{width:216px; height:151px; margin-top:20px}
/* carousel */
.jcarousel-skin-tango .jcarousel-item{width:255px; height:250px}
/* carousel controls prev */
.jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute; top:70px; left:-30px; width:23px; height:54px; cursor:pointer; background: transparent url('../img/galeria_left_right.png') no-repeat 0 0}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-1px 1px}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default; background-position:0 -55px}
/* carousel controls next */
.jcarousel-skin-tango .jcarousel-container-horizontal{width:765px; margin: 80px auto 0}
.jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute; top:70px; right:-30px; width:23px; height:54px; cursor:pointer; background: transparent url('../img/galeria_left_right.png') no-repeat -23px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-22px 1px}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default; background-position:0 -55px}

/* novedades */
#novedades h2 span.noticia{display:none}
#novedades .scroll-pane span.titulo{display:none}
#listado_novedades{width:374px; height:328px; background:url('../img/listado_novedades_bg.png') 0 bottom no-repeat}
	#listado_novedades ul{margin:10px; list-style:none; height:285px}
		#listado_novedades ul li{margin-bottom:5px; border-bottom:groove 2px #820000}
		#listado_novedades ul li:last-child{border:none}
			#listado_novedades ul li a{display:block; height:35px; line-height:35px; color:#FFF; background:url('../img/go_noticia.png') 336px center no-repeat}
			#listado_novedades ul li a:hover, #listado_novedades ul li a.actual{background-position:340px center; text-decoration:underline}
				#listado_novedades ul li a span.noticia{display:none}

/* contacto */
/* left */
#contacto #mensajes p{margin-bottom:10px}
#contacto #mensajes p#ok{display:none; height:24px; line-height:24px; padding-left:30px; background:url('../img/msj_enviado.png') 0 center no-repeat}
#contacto form{width:374px}
	#contacto input, #contacto textarea{width:383px; padding:10px 5px; overflow:auto; margin-bottom:10px; font-size:17px; color:#734848; background:#3c0000}
	#contacto textarea{height:150px; padding:5px; border-bottom:groove 2px #820000}
	#contacto #boton{width:393px; height:50px; padding:0}
	#contacto form .error{border-top:dashed 1px; border-bottom:dashed 1px; border-color:#DDD}
/* right */
#contacto .right{width:342px}
	#contacto .right #contacto_datos{width:340px; height:107px; background-image:url('../img/contacto_datos.png')}
	#contacto .right p{padding:10px; padding-top:20px}

/* sobre mi */
#sobre_mi h3{margin-top:15px; margin-bottom:3px; font-size:18px; font-weight:normal}
#sobre_mi h3:first-child{margin-top:0}
#sobre_mi ul{padding-left:16px; list-style-position:outside}
	#sobre_mi ul li{margin:4px 0}
#foto_sobre_mi{width:393px; height:295px; overflow:hidden; margin-top:16px; background:url('../img/foto_sobre_mi_bg.png') no-repeat}
	#foto_sobre_mi div{width:346px; height:244px; margin-top:24px; background:url('../img/foto_sobre_mi.jpg') no-repeat}