html, body, span, header, footer
{
	width: 100%;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100;
	font-family: inherit;
	vertical-align: baseline;
}

html
{
	background: #f0ebf0; 
    overflow-y: scroll;
}

body 
{ 
    font:13px/1.231 sans-serif; *font-size:small;
}

nav ul, nav li 
{ 
    margin: 0; 
    list-style:none; 
    list-style-image: none;
}

a, a:hover, a:active 
{ 
    outline: none;
}

ul
{ 
    margin-left: -2em;
}

img
{
    max-width: 100%;
    height: auto;
}

body
{
    font-family:"Segoe UI", "Corbel", Verdana, Arial;
    font-weight:400;
    font-style: normal; 
    font-size:16px; 
    line-height:21px; 
    color:#333333;
    text-shadow:#f0ebf0 0 -1px 0;
}

h1, h2, h3, h5, h6 
{
    font-family:"Segoe UI", "Corbel", Verdana, Arial;
    text-shadow: #fff 0 2px 2px;
}

h4
{
    font-family:"Segoe UI", "Corbel", Verdana, Arial;
    text-shadow: #000 0 2px 2px;
    font-weight:400;
}

a, a:active, a:visited 
{ 
    color: #f0ebf0; 
    font-weight: 700;
    text-decoration: none;
    text-shadow: #333 0 -1px 0;
}

a:hover 
{ 
    text-decoration: none;
    color: #f0ebf0;
    text-shadow: #333 0 1px 0;
}

header
{
    clear: both;
    margin: 0;
    padding: 0;
}

nav
{
    font-family: "Segoe UI", "Corbel", Verdana, Arial;
    font-size: 20px;
    margin: 0;
    padding: 0;
    border: none;
    float: left;
}

li
{
    list-style: none;
}

.wrap
{
    max-width: 1500px; 
    min-width: 1150px; 
    clear: both;
    display: block;
    margin: 0 auto; width: 100%;
    position: relative;
}


.cabecero
{
    background: url(../imagenes/triangulo.png) top no-repeat;
    width: 100%;
    max-width: 1500px; 
    min-width: 1150px;     
    height: 300px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    z-index: 10;
}

#verde
{
    font-weight: 700;
    color: #99cc00;
    text-shadow: #596b20 0 -1px 0;
}

.dibujo
{
    margin: 20px 20px 20px 40px;
    padding: 0;
    z-index: 20;
}

.right
{
    float: right;
    border: none;
    margin-right: 3%;
}

nav.navegacion_principal ul li 
{
    clear: right;
    float: left;
    margin: 70px 0 0 20px;
}

nav.navegacion_principal .right
{
    clear: right;
    float: right;
    margin: 50px 0 0 0;
}

.right a.idioma 
{
    display: block;
    float: left;
    font-size: 0;
    height: 55px;
    margin: 0 10px 0 0;
    outline: medium none;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    width: 55px;
}

.right a:hover 
{
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
}

.right img 
{
    display: block;
    height: auto;
    width: 100%;
}


.right img.rollover 
{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

.right a:hover img.rollover 
{
    opacity: 1;
}

.right a:hover img.rollout 
{
    opacity: 0;
}

nav.navegacion_principal ul li a 
{
    font-weight: 700;
    font-size: 23px;
    color: #f0ebf0;
    text-decoration: none;
    text-shadow: #9d9a9d 0 -1px 0;
    margin-left: 20px;
}

nav.navegacion_principal ul li a:hover 
{ 
    color: #99cc00; 
    font-weight: 700;
    text-shadow: #596b20 0 -1px 0;
    text-decoration: underline;
}

.descripcion
{
    width: 28%;
    height: 354px;
    text-align: justify;
    vertical-align: bottom;
    margin: 0 30px 20px 90px;
    float: left;
    padding: 0;
}
.descripcion p 
{
    font-size: 15px;
    height: 354px;
    vertical-align: baseline;
    padding: 0;
    margin: 0;
}


.dibujos
{
    float: right;
    margin: 0 10% 6% 0; 
    display: inline;
    position: relative;
    padding: 0;
}

.dibujos a:hover 
{
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
}

.dibujos img.rollover 
{
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

.dibujos a:hover img.rollover 
{
    opacity: 1;
}

.dibujos a:hover img.rollout 
{
    opacity: 0;
}

.centrado
{
    /*width: 100%;*/
    min-width: 1000px;
    height: auto;
    display: block;
    clear: both;
    margin: 10% 10%;
    padding: 0;
} 

.segunda_columna
{
    width: 20%;
    float: left;
    margin: 0;
    padding: 0 8% 0 0;
    clear: right;
    position: relative;

}

.dos 
{
    margin-left: 4%;
}

.ultima_columna
{
    float: left;
    position: relative;
    margin-right: 0; 
}

.trama
{
    background: url("../imagenes/barra.png") repeat-x;
    width: 100%;
    min-width: 300px;
    z-index: 200;
    padding-bottom: 60px;
}

.trama img 
{
    margin: 10% 0 0 12%;
}
/*
.trama img.cuadrado
{
    margin-right: 12%;
    float left
}*/

footer
{
    background: #333;
    width:100%;
    min-width: 1150px;
	height: auto;
	min-height: 300px;
}

.pie
{
    background: #333;
    max-width: 1500px; 
    min-width: 1000px;
    margin: 0 auto; width: 100%;
    text-align: right;
	font-size: 18px;
	font-style: 400;
    color: #f0ebf0;
    text-decoration: none;
    text-shadow: #9d9a9d 0 -1px 0; 
    overflow: hidden;
}

.correo
{
    width: 5% auto; width: 100%;
    margin: 5% 5%;
    float: right;
    display: block;
    clear: both;
    position: relative;
}

.final
{
    text-align: center;
    font-weight: 400;
    display: block;
    clear: both;
    width: 5% auto; width: 100%;  
    margin: 0;
    padding: 0;
    position: relative;
}