/* GENERAL STRUCUTRE */
body{
font-family: Verdana,Arial, Helvetica, sans-serif;
scrollbar-base-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#F0F0F0;
background-color:#D5CF9F;
}

/* PAGE STRUCUTRE */
#wrapper{
width:940px;
margin-left:auto;
margin-right:auto;
}



#bg_start{
position:relative;
margin-top:30px;
background-image:url(../img/bg2_startscreen_villapeluka.jpg);
background-repeat:no-repeat;
height:480px;
width:940px;
}


#logo_villapeluka{
position:absolute;
top:270px;
left:50px;
width:493px;
height:93px;
}

#talleres_circle{
position:absolute;
top:70px;
left:410px;

height:160px;
width:220px;
}

#fiestas_circle{
position:absolute;
top:130px;
left:680px;

height:160px;
width:220px;
}

#lavilla_circle{
position:absolute;
top:266px;
left:570px;

height:100px;
width:100px;
}

#address_bar{
position:absolute;
top:380px;
left:0px;
height:24px;
width:880px;
background-color:#B3A850;
filter:alpha(opacity=21);
-moz-opacity:.21;
opacity:.21;
}

#address_bar_text{
color:#333333;
position:absolute;
top:384px;
left:40px;
height:24px;
width:880px;
font-size:12px;
letter-spacing:.2em;
}

#webcredits_front{
color:#333333;
position:absolute;
top:383px;
right:120px;
height:24px;
width:830px;
text-align:right;
}
#webcredits_front a:link,#webcredits_front  a:visited{
color:#333333;
font-size:11px;
text-decoration:none;
}

/* LINKS */
#address_bar_text a:link, #address_bar_text a:visited,#info a:link, #info a:visited{
color:#000000;
text-decoration:underline;
font-weight:bold;
}

.breadcrumb a:link,.breadcrumb a:visited{
font-size: 12px;
color: #ffffff;
text-decoration:underline;
}

.breadcrumb a:hover{
color: #FFFFFF;
text-decoration:none;
}

.breadcrumb{
font-size: 12px;
color: #333333;
}


#talleres_circle a:link, #talleres_circle a:visited{

}
#talleres_circle a:hover img, #fiestas_circle a:hover img, #lavilla_circle a:hover img{


height:100%;
}

/*mainsite */
#wrapper_screen1{
width:830px;
margin-left:auto;
margin-right:auto;
}

#logo_villapeluka_main{
position:absolute;
top:70px;
left:0px;
height:50px;
width:400px;
}

#tallers_bg_main{
position:absolute;
height:20px;
width:20px;
top:15px;
left:500px;
height:120px;
width:140px;
}

#fiestas_sm_main{
position:absolute;
top:20px;
left:680px;
height:120px;
width:140px;
}

/* MAINSTAGE */
#mainstage{
background-color:#C9C688;
width:830px;
background-image:url(../img/bg_mainsite_senza.jpg);
background-repeat:no-repeat;
padding-top:140px;
position:relative;
}

#image_strip{
background-color:#C9C688;
width:830px;
}

#navicolumn{
background-image:url(../img/bg_navicolumn.jpg);
background-repeat:no-repeat;
width:176px;
margin-left:10px;
float:left;
background-color:#D5CF9F;
padding:95px 10px 30px 0px;
}





#maincolumn_breadcrumb{
margin-left:206px;
margin-right:10px;
width:auto;
padding-top:10px;
height:24px;
font-size:12px;
color:#FFFFFF;
}

#maincolumn_content{
margin-left:206px;
margin-right:10px;
width:auto;
padding-top:10px;
padding-bottom:10px;

background-color:#D5CF9F;
}

#image_footer{
clear:both;
background-color:#c9c688;
}

#footer_main{
width:830px;
height:136px;
background-image:url(../img/bg_mainsite_footer.jpg);
background-repeat:no-repeat;
position:relative;
}

#address_bar_main{
position:absolute;
top:10px;
left:0px;
height:24px;
width:830px;
background-color:#B3A850;
filter:alpha(opacity=21);
-moz-opacity:.21;
opacity:.21;
}

#address_bar_text_main{
color:#333333;
position:absolute;
top:15px;
left:10px;
height:24px;
width:830px;
font-size:12px;
letter-spacing:.2em;
}

#webcredits{
color:#333333;
position:absolute;
top:13px;
right:10px;
height:24px;
width:830px;
text-align:right;
}

#webcredits a:link,#webcredits  a:visited{
color:#333333;
font-size:11px;
text-decoration:none;
}


#address_bar_text_main a:link, #address_bar_text_main a:visited{
color: #000000;
text-decoration: underline;
font-weight: bold;
}

/*Course */
#infocolumn{
margin-left:10px;
float:left;
width:142px;
}

#order{
border:2px dashed #FFFFFF;
font-size:12px;
text-align:center;
padding:5px;
margin:0 0 5px 0;
}

#order a:link, #order a:visited{
color:#333333;
font-weight:bold;
text-decoration:none;
}

#order a:hover{
color:#666666;
text-decoration:none;
}

#courseimage img{
border:1px solid #FFFFFF;
margin-bottom:5px;
margin-top:5px;
}

#courseinfo{
border:1px solid #FFFFFF;
padding:5px;
margin-bottom:10px;
background-color:#D8D4AF;
}

#coursedescription{
margin-left:162px;
padding-bottom:20px;
padding-right:15px;
color:#666666;
}

.coursepreview{
border:1px dashed #FFFFFF;
margin:10px 10px 10px 10px;
padding:10px;
width:auto;
height:72px;
}

.coursepreview h1 a:link,.coursepreview h1 a:visited{
font-size:12px;
color:#333333;
}

#courseimage_preview img{
border:1px solid #FFFFFF;
margin-bottom:5px;
float:left;
margin-right:10px;
width:70px;
height:70px;
}

.previewtext{
font-size:11px;
color:#666666;
}

.previewcallout{
font-style:italic;
color:#333333;
}


/*TEXT */
h1{
font-size:16px;
text-transform:uppercase;
color:#715914;
margin-top:5px;
}

h2{
font-size:12px;
text-transform:uppercase;
color:#333333;
}


#blockedregion p{
line-height:1.5;
font-size:12px;
margin-left:30px;
}

#coursedescription p{
font-size:12px;
line-height:1.5;

}

/* LISTS */
dl{
padding:0;
margin:0;
}

dt{
font-size:11px;
font-weight:bold;
color:#333333;
font-style:italic;
}

dd{

font-size:11px;
margin:5px 5px 5px 10px;
line-height:1.5;
color:#666666;
}

dl a:link, dl a:visited{
font-size:11px;
color:#666666;
}

dl a:hover{
font-size:11px;
color:#333333;
}


.naviblock{

width: auto;
}

.naviblock ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.naviblock li { margin: 0 0 1px 0; border-top:1px solid #C9C688;}

.naviblock ul a
{
font-size:14px;
display: block;
padding: 5px 10px;
width: auto;
color: #715914;
text-decoration: none;
font-weight:bold;
}

.naviblock ul a:hover
{
color: #fff;
background-color: #C9C688;
text-decoration: none;
width:150px;
}

.naviblock ul ul li { margin: 0 0 1px 0; }

.naviblock ul ul a
{
display: block;
padding: 5px 5px 5px 15px;
width: auto;
color: #715914;
text-decoration: none;
font-weight:normal;
}

.naviblock ul ul a:hover
{
color: #fff;
background-color: #C9C688;
text-decoration: none;
font-weight:bold;
width:140px;
}

.naviblock ul a.active
{
color: #fff;
background-color: #C9C688;
text-decoration: none;
width:150px;
}

.naviblock ul ul a.active
{
color: #fff;
background-color: #C9C688;
text-decoration: none;
width:125px;
}

#blockedregion ul, #columnright ul{
font-size:12px;
list-style:square;
}

#blockedregion ul li,#columnright ul li{
margin:5px 0 5px 0;
}

/* FIESTAS CUMPLEAŅOS */
#columnleft{

padding-left:10px;
text-align:center;
}

#columnright{
padding:10px;
font-size:12px;
color:#333333;
}

#cumpletitle{
padding:0 10px 10px 10px;
font-size: 16px;
text-transform: uppercase;
font-weight:bold;
color: #715914;
}

#slideshow{
padding:0 10px 10px 10px;
text-align:center;
}


/* `PROJECT SLIDESHOW */


.pics { 
	
	width:   580px;  
    height:  357px;    
    padding: 0;  
    margin:  0;
    
} 
 
.pics img {  
	border:2px dashed #FCC;
    padding:0;
    margin:0;
    background-color: #eee;  
    width:   580px;  
    height:  357px; 
    border:1px solid #FFFFFF;
    top: 0pt;
    left: 10px;
} 


#nav{
position:absolute;
right:50px;
top:220px;
width:580px;
text-align:right;
z-index:101;
}

#nav a {
padding:4px 7px 4px 7px;
background-color:#FFFFFF;
font-weight: bold;
font-size: 10px;
text-align: center;
line-height: 18px;
color: #333333;
text-decoration: none;
border:1px solid #333333;
}
#nav a.activeSlide { background-color: #51C100; color:#FFFFFF; }
#nav a:focus { outline: none; }

/* WEBFORM */
#webform_contacto{
padding:0 10px 10px 10px;
font-size:12px;
}


/* FORMS + FIELDSETS */
#webform_contacto input { width:auto; margin:0; padding:0;
margin-right:10px;
} /* ie: hidden input fields consumes space... */

#webform_contacto input.form-text {
border: solid 1px #3D3D3D;
font-size:12px;
width:350px;
background-color:#D8D4AF;
padding:2px;
}

#webform_contacto .form-submit{
font-size:12px;
background:#D8D4AF;
border:1px solid #333333;
color:#333333;
padding:4px;
width:150px;
}

#webform_contacto .form-select{
padding: 2px;
font-size: 12px;
width: auto;
background-color: #333333;
border-top-width: 1px;
border: 1px solid #cccccc;
color: #ffffff;
margin-top:10px;
}

#webform_contacto input, textarea{
font-size: 12px;
background-color:#D8D4AF;
}

#webform_contacto legend{
border:1px solid #333;
background-color:#D8D4AF;
color:#000;
padding:2px;
font-size:12px;
}

#webform_contacto .form-item label{
color:#333333;
}

#webform_contacto a:link, #webform_contacto a:visited{
color:#333333;
text-decoration:underline;
}

/* ADMIN */
#block-user-1{
border:1px solid #333333;
padding: 5px;
clear: both;
margin-top: 1em;
margin-right: 0pt;
margin-bottom: 1em;
margin-left: 0pt;
height: 80px;
}

#block-user-1 ul li{
float:left;
}

#block-user-1 ul{
padding:0;
margin:0;
}

#user-login{
padding:10px;
font-size:12px;
}

#user-login .form-submit{
font-size:12px;
background-color:#D8D4AF;
border:1px solid #333333;
color:#333333;
padding:4px;
width:150px;
}

.tabs{
	background-color:#D5CF9F;

font-size:12px;
margin-right:5px;
}

a:link, a:visited{
color:#333333;

}

a:hover{
color:#666666;
}

#maincolumn_content table{
font-size:9px;
}

.node p{
color:#333333;
font-size:12px;
padding:6px 10px 6px 10px;
margin:0;
}

.node p a:link, .node p a:visited{
font-weight:bold;
color:#715914;
}



