@charset "utf-8";

/* Resets */

* { padding:0; margin:0; }

html { overflow:auto; }

body {
    background-color: #485554;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#fff;
    font-size:10px;
    overflow:visible;
}


/* armado y maqueta */
/*Maquetacion general*/

#contenedor {
	width: 1000px;
	margin: 0 auto 30px;
}

#escenario {
	height: 650px;
	width: 1000px;
	overflow: hidden;
	background-color: #6D0600;
	font-size: 12px;
}

#escenario h1 {
    font-size: 18px;
    font-variant: small-caps;
    font-weight: 700;
    padding-top: 20px;
}

#escenario ul{
    padding: 12px 0 20px;
    /*list-style-image: none;*/
    list-style-type: square;
}

#escenario li {
    font: 700 10px arial;
    color: #FFF;
    margin-left: 100px;
}

#escenario a:link {text-decoration:none; color: #FFF; font-size: 20px;}
#escenario a:visited {text-decoration:none; color: #FFF; font-size: 20px;}
#escenario a:hover {text-decoration:none; color: #FFF; font-size: 20px;}
#escenario a:active {text-decoration:none; color: #FFF; font-size: 20px;}


#panel_inferior { width: 1000px; }

#logos {
    width: 1000px;
    height: 60px;
    background-image: url(../img/logos.jpg);
}

#pie {
    width: 1000px;
    overflow: hidden;
    border-top: solid 1px #4f5a58;
    background-color: #565f5c;
}

/* MAQUETADO DE LINKS INFERIORES */

#links {
    float: left;
    width: 508px;
    overflow: hidden;
}

#links h2 {
    color: #339966;
    text-indent:-1000px;
    font: normal 700 12px arial;
    padding: 12px 0 10px;
}

#links address {
    padding-top: 20px;
    font: normal 700 10px arial;
    color: #1f2921;
    margin: 0 0 0 18px;
}

#links div{
    float: left;
    border-right: dashed 2px #485554;
    overflow: hidden;
    height: 140px;
}

#links div.cactus {
	width: 188px;
	background-image: url(../img/cactus.jpg);
	background-repeat: no-repeat;
}

#links div.cactusEng {
	width: 188px;
	background-image: url(../img/cactusEng.jpg);
	background-repeat: no-repeat;
}

#links div.flickr { width: 95px; }

#links div.algomas {
	width: 218px;
	background-image: url(../img/algomas.jpg);
	background-repeat: no-repeat;
}

#links div.seemore {
	width: 218px;
	background-image: url(../img/seemore.jpg);
	background-repeat: no-repeat;
}

#links div ul{
    padding-top: 12px;
    list-style-image: none;
    list-style-type: none;
}

#links div li {
    font: 700 10px arial;
    color: #1f2921;
    margin-left: 30px;
}

/*#links a:link, a:visited, a:hover, a:active {text-decoration:none; color: #1f2921;}*/
#links a:link {text-decoration:none; color: #1f2921;}
#links a:visited {text-decoration:none; color: #1f2921;}
#links a:hover {text-decoration:none; color: #1f2921;}
#links a:active {text-decoration:none; color: #1f2921;}

/*MAQUETADO DEL FORMULARIO*/

#formulario {
    float: right;
    width: 492px;
    height: 117px;
}

#formulario input,textarea { font: 10px arial; }

#formulario input.texto, textarea {    
    border:none;
    padding: 2px 6px;
    background-color: #485554;
    font-weight: 700;
    overflow: hidden;
}

#formulario textarea {
    width: 396px;
    height: 76px;
    margin: 0 0 0 22px;
    font-weight: 700;
    color: #f0ebae;
}

.textareaOff { font-size: 14px; }

.textareaOn { font-size: 12px; }

#formulario input.texto {
    height: 12px;
    width: 191px;
    color: #1f2921;
    margin: 3px 0px 0px 2px;
    float: left;
}

#formulario input.boton {
    float: right;
    margin: 16px 0 0 4px;
    font-weight: 700;
    font-size: 12px;
    width: 42px;
    height: 24px;
    border: none;
    color: #1f2921;
    background-color: #565f5c;
}

#superior {
    width: 481px;
    height: 80px;
    padding: 12px 0 0 2px;
    float: left;
}

#inferior {
    width: 461px;
    height: 44px;
    padding: 0 0 0 22px;
    clear: left;
}

/*MAQUETADO DEL COPYRIGHT*/

#copyright {
    width: 1000px;
    height: 36px;
}