@charset "UTF-8";
/* CSS Document */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
color:#636660;
text-align:left;
}

a.intro{
background: #8BC53F;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:26px; line-height:28px;
margin:0 auto;
padding:10px;
float:left;
text-decoration:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
text-shadow: 0px 1px 1px #476323;
filter: dropshadow(color=#476323, offx=0, offy=1) 
}
a:hover.intro{
text-decoration:none;
background: #688F35;
color:#FFFFFF;
border:none;}

strong{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;}

img a{
border:0px;
outline:0px;
}

a{
text-decoration:none;
color:#00adee;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;}

a:hover{
border-bottom:1px solid #048db7;
color:#048db7;}

h1{
font-size:28px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color:#048db7;
line-height:28px;
letter-spacing:0.03em;
padding-bottom:5px;
}

.elviejo h1{
font-size:28px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color: #804000;
line-height:28px;
letter-spacing:0.03em;
padding-bottom:5px;
}

.elviejo h2{
font-size:16px;
line-height:18px;
color: #993300;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
letter-spacing:0.02em;
padding-bottom:10px;}

.elviejo h4{
font-size:16px;
line-height:18px;
color:#993300;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
letter-spacing:0.02em;
padding:10px 0px;
border-top: 1px dashed #999999;}

h2{
font-size:16px;
line-height:18px;
color:#009999;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
letter-spacing:0.02em;
padding-bottom:10px;}

h4{
font-size:16px;
line-height:18px;
color:#009999;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
letter-spacing:0.02em;
padding:10px 0px;
border-top: 1px dashed #999999;}

h3{
font-size:28px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color:#CC6633;
line-height:28px;
letter-spacing:0.03em;
padding-bottom:10px;
}

h5{
font-size:28px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color: #669933;
line-height:28px;
letter-spacing:0.03em;
padding-bottom:10px;
}

#main{
margin:15px auto;
padding:0px;
width:800px;
overflow:hidden;
border:1px solid #b8c917;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background:#FFFFFF;
}

#container{
width:800px;
float:left;
margin:0px;
padding:0px;
border:none;
}
#lateral{
margin:15px 0px 0px 0px;
padding:20px;
float:left;
border:none;
width:250px;
}

#boton{
border:1px solid #b8c917;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:200px;
overflow:hidden;
text-align:center;
float:left;
padding:10px 20px;
margin-bottom:5px;
}

#boton a{
font-size:20px;
color: #669933;
font-variant:small-caps;
letter-spacing:0.07em;
text-decoration:none;
}
#boton a:hover{
color: #006633;
text-decoration:none;
border:none;
}

#frame{
width:470px;
height:100%;
float:left;
margin:35px 0px 0px 0px;
padding:0px 10px 10px 10px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
}

#content{
width:450px;
float:left;
margin:10px;
padding:5px;
border:0px;}
#frame p{
font-size:13px;
line-height:20px;
text-align:left;
margin-bottom:7px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
float:left;}

#frame ul{
width:400px;
margin:10px;
font-size:13px;
line-height:20px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;}
#frame li{
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;}

#barraverde{
width:800px;
height:10px;
margin:0px;
padding:0px;
float:left;
background:url(imagenes/barra_verde_800w_10h.gif) #FFFFFF;
}

#slideshow{
width:395px;
height:300px;
margin:0px;
padding:0px;
float:left;
background-color:#999999;}
#vertical{
width:10px;
height:300px;
margin:0px;
padding:0px;
float:left;
background: #FFFFFF;}

#logo{
width:300px;
height:300px;
float:left;
margin:20px 10px 0px 20px;
text-align:center;
padding:0px;
border:1px solid #b8c917;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

#textointro{
font-family:Arial, Helvetica, sans-serif;
width:600px;
float:left;
margin:20px 0px 10px 100px;
padding:0px;
border:none;
font-size:17px;
line-height:30px;
letter-spacing:0.03em;}

#footer{
width:750px;
height:100px;
margin:20px 0px 0px 40px; 
float:left;
font-family:Arial, Helvetica, sans-serif;}

.demo a{color:#048db7;text-decoration:none;outline:none;}
.demo a:hover{color: #006699;}
.caption{color: #333333; font-size:14px; line-height: 14x; position:absolute;top:315px;left:0px; padding:10px 20px; background:#FFFFFF; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px }
.demo{position:relative; font-size:14px; line-height:14px;}
.gallery_demo{width:475px;float:left;}
.gallery_demo li{width:70px;height:70px;border:3px solid #fff;margin: 0 3px 3px 0;background:#eee;}
.gallery_demo li.hover{border-color:#048db7;}
.gallery_demo li.active{border-style:solid;border-color:#048db7;}
.gallery_demo li div{ margin:0px;}

.galleria_container{margin:0px 0px 10px 0px;height:350px;width:475px;float:left;}

.nav{padding-top:5px; padding-left:10px; clear:both; font-size:14px; line-height: 14x;}
.nav{ float:left;}