@import url('reset.css');
@import url('nav.css');
@import url('body.css');

body{
    background-color:#fff;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h2{
    font-weight:bold;
    font-size:22px;
}

h3{
    font-weight:bold;
    font-size:16px;
}

p{
    margin-top:8px;
    font-size:13px;
    text-align:justify;
}

a{
    cursor:pointer;
}

img{
    border:none;
}

#wrapper{
    width:100%;
}

#intro{
    width:800px;
    height:600px;
    position:relative;
    margin:20px auto;
}
#header{
    width:783px;
    height:235px;
    background-image:url("../images/layout/header.png");
    margin:0 19% 0 19%;
}
#info{
    width:775px;
    height:30px;
    margin:0 19% 0 19%;
    background-color: #F0F0F0;
    padding:4px;
    position:relative;
    font-size: 13px;
    font-style:italic;
}

#info li{
    display: inline;
    list-style-type: none;
    padding-right: 5px;
}

#info img {
    vertical-align: middle;
    text-align: center;
    list-style-type: none;
}

.center{
    float:none;
    text-align: center;
    vertical-align: middle;
}

.donacion{
    position:relative;
    width:345px;
    height:35px;
    top:205px;
    left:54%;
}

#content{
    width:759px;
    overflow:auto;
    margin:0 19% 0 19%;
    border:2px solid #f0f0f0;
    padding:10px 10px 10px 10px;
}

#left{
    width:387px;
    background:#80a0a0 url("../images/layout/hand.png");
    background-repeat:no-repeat;
    background-position:left;
    float:left;
    padding:10px 10px 10px 150px;
    margin-top:10px;
}
#left2{
    width:527px;
    background:#80a0a0;
    float:left;
    padding:10px 10px 10px 10px;
    margin-top:10px;
}

#left p, #left2 p{
    color:#fff;
}

/*start right*/

#right{
    float:right;
    min-width:197px;
    min-height:297px;
    background-color:#f0f0f0;
    height:auto;
}

#right h3{
    color:#f0a020;
}
/*end right*/

/*start pricipal*/
#noticias{
    background:url("../images/layout/Noticias.png");
    background-repeat:no-repeat;
    background-position:left;
    width:204px;
    float:left;
    padding:10px 10px 10px 60px;
}

#noticias h3{
    color:#e04040;
}

#noticias a.title{
    color:#f0a020;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
}

#noticias a.title:hover{
    text-decoration:underline;
}

#noticias p{
    margin:5px 0 5px 0;
}

#galeria{
    background:url("../images/layout/Galerias.png");
    background-repeat:no-repeat;
    background-position:left;
    width:203px;
    float:left;
    padding:10px 10px 10px 60px;
}

#galeria a.title{
    color:#60e040;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
}

#galeria a.title:hover{
    text-decoration:underline;
}

#galeria p{
    margin:5px 0 5px 0;
}

#videos{
    background:url("../images/layout/Videos.png");
    background-repeat:no-repeat;
    background-position:left;
    width:204px;
    float:left;
    padding:10px 10px 10px 60px;
}

#videos h3{
    color:#40a0f0;
}

#videos p{
    margin:5px 0 5px 0;
}

#videos a.title{
    color:#40a0f0;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
}

#videos a.title:hover{
    text-decoration:underline;
}

#programas{
    background:url("../images/layout/Programas.png");
    background-repeat:no-repeat;
    background-position:left;
    width:204px;
    float:left;
    padding:10px 10px 10px 60px;
}

#programas h3{
    color:#f0e020;
}

#programas p{
    margin:5px 0 5px 0;
}

#programas a.title{
    color:#f0e020;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
}

#programas a.title:hover{
    text-decoration:underline;
}

#programas ul li{
    font-size:13px;
}

a.leermas{
    cursor:pointer;
    margin:100px 0 0 0;
    font-size:12px;
    color:#f0a020;
    font-weight:bold;
}

a.leermas:hover{
    color:black;
}

/*end principal*/

#banner{
    margin-top:15px;
    float:right;
    width:197px;
    background:url("../images/layout/banner.png");
    background-repeat: no-repeat;
    height:447px;
}

#news{
    float:left;
    width:357px;
    margin-top:15px;
    padding:10px 10px 10px 180px;
    background:#f0f0f0 url("../images/layout/Chimoltrufia.png");
    background-repeat:no-repeat;
    background-position:10px;
    min-height:120px;
}
#news_noi{
    float:left;
    width:740px;
    margin-top:15px;
    padding:10px 10px 10px 10px;
    background:#f0f0f0;
    min-height:120px;
}

#news ul li{
    font-size:13px;
    margin:5px 0 0 0;
}
#n_img{
    width:378px;
    display:block;
    float:left;
}
#n_txt{
    width:353px;
    display:block;
    float:left;
}
#n_txt p{
    font-size:20px;
    line-height:40px;
}
#sponsor{
    margin-top:15px;
    float:right;
    width:197px;
    background-image:url("../images/layout/Sponsor.png");
    background-repeat: no-repeat;
    height:53px;
}

#footer {
    clear:both;
    margin:0 19% 0 19%;
    padding:5px 0 5px 0;
    width:783px;
    height: 62px;
    text-align: center;
    font-size: 11px;
    font-size: 12px;
    font-weight:bold;
}

#footer p{
    display:inline;
    font-size:12px;
    padding:20px 0 0 0;
}

#footer .sponsor{
    cursor:pointer;
    background-image:url("../images/layout/Sponsor.png");
    height:52px;
    float:right;
    width:197px;
}
/*highlight*/

.button{
    background:#f0f0f0;
    margin-top:10px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#left .button{
    background:#80a0a0;
}

.donacion .button{
    margin:0;
    background:#5a4099;
}

.button-right{
    float:right;
}

a .button-donacion:hover{
    background-color:#5A4099;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

a .button:hover,a .button-right:hover{
    background-color:#80A0A0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*end highlight*/

a.x{
    cursor:pointer;
    margin:100px 0 0 0;
    font-size:12px;
    color:#000;
    text-decoration:none;
    margin:5px 0 0 0;
}

a.x:hover{
    text-decoration:underline;
}