/*
CSS Credit: http://www.templatemo.com/
*/

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #686f76;
background: #121b24;
}
a:link, a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #aabdd0; text-decoration: underline}
h1 {
margin: 0px;
padding: 0px 0px 15px 0px;
font-size: 1.4em;
font-weight: bold;
color: #aabdd0;
text-indent:-9999px;
}
h4 {
margin: 0px;
padding: 0px;
font-size: 12px;
color:#FFF;
font-weight: normal;
}
h3 {
color:#CCC;
font-size : 2em;
font-family : Georgia, "Times New Roman", Times, serif;
text-align : left;
margin-bottom:10px;
}
strong {
font-weight:bold;
font-size:14px;
}
p{
margin: 0px;
padding: 0 0 10px 0;
text-align: justify;
}
.separacionabajo {
clear: both;
height: 20px;
}
.spacetoright {
float: left;
width: 10px;
height: 10px;;
}
#contenedorgeneral {
background: url(images/maintopBG.gif) top repeat-x;
}
#contenedorgeneral2 {
background: url(images/mainbuttomBG.gif) bottom repeat-x;
}
#contenedor {
margin: auto;
width: 960px;
}
/*------------- Menu ------------------*/
#menu {
float: left;
width: 930px;
height: 40px;
margin: 18px 0 0 0;
padding: 0 0 0 30px;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu ul li{
display: inline;
}
#menu ul li a{
float: left;
width: 140px;
height: 30px;
padding: 10px 0 0 0;
font-size: 1.1em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #aabdd0;
border-left: 1px solid #34373b;
}
#menu ul li .lastmenu{
border-right: 1px solid #34373b;	
}
#menu li a:hover, #menu li{
color: #aabdd0;
background: url(images/menuhoverBG.gif) no-repeat;
}

/*------------- Menu Links ------------------*/
#menu_links {
width: 250px;
}
#menu_links ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu_links ul li{
display:block;
padding:3px;
}
#menu_links ul li a{
font-size: 1.1em;
text-decoration: none;
color: #aabdd0;
}
#menu_links li a:hover{
color: #06C;
}
#inicio #boton_inicio, #fotografia #boton_fotografia, #ensayos #boton_ensayos, #contacto #boton_contacto{
background: url(images/menuhoverBG.gif) no-repeat;
}
#bajitos #boton_bajitos, #chaiten #boton_chaiten, #cotidiana #boton_cotidiana, #danza #boton_danza, #deportes #boton_deportes, #millas #boton_millas,
#namuncura #boton_namuncura, #paisajes #boton_paisajes, #retrato #boton_retrato, #sanramon #boton_sanramon, #crearte #boton_crearte, #lasenalada #boton_lasenalada,
#sismo #boton_sismo, #barcelona #boton_barcelona, #camino_alfrey #boton_camino_alfrey, #conflicto #boton_conflicto, #conflicto2 #boton_conflicto2,
#paulino #boton_paulino, #incendio #boton_incendio, #cenizas #boton_cenizas, #arena #boton_arena, #escenarios #boton_escenarios, #calle #boton_calle{
color:#06C;
}
/* ----------------- end of menu----------------*/

/* header and banner */

#encabezado {
float: left;
width: 900px;
height: 268px;
padding: 0 30px;
margin-top: 2px;
}
#encabezadoizquierdo {
float: left;
width: 310px;
height: 268px;	
background: url(images/cabeceraizquierda.jpg) no-repeat;
}
#templatemo_sitetitle {
padding: 180px 0 10px 40px;
font-size: 3.0em;
font-weight: bold;
color:#ff6000;
}
#templatemo_sitetitle span{
font-weight: normal;
color: #FFFFFF;
}
#templatemo_tagline{
padding: 0 0 0 43px;
font-size: 1.0em;
color:#FFFFFF;
}
#encabezadoderecho {
float: left;
width: 590px;
height: 268px;
background: url(images/cabecera.jpg) no-repeat;
}
#templatemo_bannertext{
text-align: right;
padding: 190px 20px 0 0;
font-size: 14px;
color: #FFFFFF;	
}
#templatemo_bannertext span{
font-size: 24px;
font-weight: bold;
color: #ff6000;	
}
/* end of header and banner */

/* ----------------- Content ----------------------- */

#contenido {
float: left;
width: 900px;
padding:0 30px;
}
#contenidogaleria {
float: left;
width: 500px;
padding:0 30px;
z-index: 99999px;
}
#cajaizquierda {
float: left;
width: 280px;
padding: 50px 20px 0 10px;
background-image: url("/images/background.jpg");
font-size:14px;
}
#cajaizquierda h4 {
font-size:16px;
color:#06C;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
#cajaizquierda img {
margin:2px;
}
#cajaderecha {
float: left;
width: 530px;
padding: 50px 20px 0 40px;
}
#menulateral {
float: left;
width: 280px;
padding: 50px 20px 0 10px;
background: url(images/leftcolumnBG.gif) top center no-repeat;
}
#menulateral ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menulateral ul li {
padding: 5px 0 0 0;
}
#menulateral ul li a{
width: 140px;
height: 30px;
padding: 10px 0 0 0;
font-size: 1.1em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #aabdd0;
}
#menulateral ul li a:hover{
color:#09C;
}
.galeria {
width: 530px;
}
.galeria_invitados {
width: 280px;
height:540px;
}
.galeria  p {
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:14px;
color:#666;
}
.texto img {
float: right;
clear: both;	
margin: 0 0 5px 10px;
border: 3px solid #0e121d;
}

.caja_cenizas {
width:514px;
background: #0c1117 url(images/boxBG.gif) top right no-repeat;
border: 1px solid #666;
}
.caja_cenizas h4, p {
	padding:10px;
}
.caja_cenizas img {
margin: 2px 10px 0 0;
padding:10px;
}


.doscajas {
width: 530px;
clear: both;
}
.doscajas_box {
float: left;
width: 230px;
padding: 10px;
background: #0c1117 url(images/boxBG.gif) top right no-repeat;
border: 1px solid #666;
}
.doscajas_box img {
float: left;
margin: 2px 10px 0 0;
border: 2px solid #666;
}
.doscajas_box p {
text-align: left;
}
/*fotografia*/
#galeriafotografica {
width: 900px;
height:350px;
}
.galeriafotografica {
float: left;
width: 165px;
}
.galeriafotografica img{
border: 5px solid #666;
margin: 0 0 10px 0;
	margin-left:15px;
}
.galeriafotografica p{
text-align: left;
	margin-left:15px;
}

/*ensayos*/
#galeriaensayos {
width: 750px;
height:250px;
margin-left:90px;
}
.galeriaensayos {
float: left;
width: 165px;
}
.galeriaensayos img{
border: 5px solid #666;
margin: 0 0 10px 0;
	margin-left:15px;
}
.galeriaensayos p{
text-align: left;
	margin-left:15px;
}
/*semanal*/
#galeria_semana11{
width: 530px;
height:340px;
background:url(images/fondo_semanal.png);
}
#galeria_semanal2{
width: 530px;
height:340px;
background:url(images/fondo_semanal.png);
}
#galeria_semanal3{
width: 530px;
height:340px;
background:url(images/fondo_semanal.png);
}
/* ----- Footer ----- */

#pie {
clear: both;
padding: 20px 0px 0px 0px;
width: 960px;
height: 70px;
text-align: center;
background: url(images/footerBG.gif) repeat-x;
text-align: center;
}
.desarrollo{
margin-left:890px;
}
/* ----- fin pie ----- */

/* Formulario */
#cajacontacto{
background: url(images/form/fondo.png) no-repeat;
float:left;
width:560px;
height:753px;
margin-top:44px;
}
#cajacontacto label{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
padding-bottom:8px;
border:none;
font-size:1em;
}	
textarea, input{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000;
padding:5px;
border:none;
}
textarea {
background: url(images/form/area.gif)no-repeat;
width:370px;
}
input{
width:370px;
height:1.3em;
margin-bottom:2px;
}
label {
height:1em;
margin-right:0.5em;
padding-top:0.5em;
display:block;
}
#name,#last, #mail{
background: url(images/form/fondoinput.gif) no-repeat;
}
fieldset {
width:390px;
margin-top:210px;
margin-left:54px;
}
.texto {
text-indent: -9999px;
}
#enviar{
margin-left:5px;
margin-top:30px;
width:109px;
height:44px;
text-indent: -9999px;
border: 0px;
}
.enviar:hover{
margin-left:5px;
margin-top:30px;
width:110px;
height:44px;
text-indent: -9999px;
}