/* CSS Document */
body{background: #7F0E12 url(images/back_body.jpg) repeat-x center top;
font-family:Arial, Verdana, Helvetica;font-size:12px;}

#content{width:90%;min-width:980px;max-width:1100px;margin:0 auto;position:relative;}
#flor{
  background:url(images/back_flor2.gif) no-repeat left top;
  height:500px;width:192px;position:absolute;top:50px;right:-168px
}
#content_in{padding:0 10px;position:relative;}

.has_js .hide{display:none}

/* Principal title */
#header{background: url(images/flor.gif) no-repeat center bottom;
position:relative;height:220px;}
#site_title{margin:8px 0 0 0;float:left}
#site_title img{}

/* Top Menu */
#hmenu{overflow:hidden}
#hmenu li{float:left;margin-right:1px;}
#hmenu a{display:block;padding:16px 7px 8px 7px;color:#fff;text-align:center}
.hmenu_item_on,.hmenu_item:hover{background:#E31706 url(images/hmenu_on.gif) repeat-x top left;}

/* Top Menu */
#home{overflow:hidden}
#home_left{float:left;width:235px}
#home_right{float:right;width:235px}
#home_center{margin:0 249px 0 249px}
#home h2{font-size:20px;color:#A4A4A4;margin-bottom:8px}
#home .section_text{text-align:justify}

.home_box{margin-bottom:15px;background:#fff;overflow:hidden}
.home_box h3{padding:1px 3px}
.home_box .logo{float:left;display:block;margin:0 5px 3px 0}
.home_box_in{padding:4px 10px 15px 10px}
/* School Menu */
#schools_menu{float:left;background:url(images/centro.gif) no-repeat left top;padding-left:25px}
#schools_menu a{color:#fff;font-weight:bold;font-size:11px}
#contact_menu{float:left;margin-left:40px;}
#contact_menu li{margin:4px 0;zoom:1}
#contact_menu a{display:block;padding:3px 5px 3px 18px;color:#fff;font-weight:bold;font-size:11px}
#top_work{background: url(images/top_work.gif) no-repeat left top;}
#top_contact{background: url(images/top_contact.gif) no-repeat left top;}
#top_address{background: url(images/top_address.gif) no-repeat left top;}

/* Pop up */
#popup{position:absolute;right:10px;top:-130px;z-index:10;width:210px;text-align:left;
background:#fff;border:1px solid #8E8376}
#popup div{
border-top:1px solid #E4DBD0;
border-left:1px solid #E4DBD0;
border-bottom:1px solid #BEB09F;
border-right:1px solid #BEB09F;
}
#popup div div{
border:0px;font-size:12px;padding:10px}
#popup b{color:#676562}
#popup .popup_link{color:#720805;font-size:17px;display:block}
#popup p{margin:8px 0;line-height:18px}
#closeup,#openup{display:block;text-align:right}


/* Left Menu */
#left{float:left;margin-top:20px;width:210px;}
#leftmenu{background:#fff;padding:10px}
#left h3{font-size:16px;color:#A4A4A4}
#left li{}
#left li ul{padding-left:15px}
.vmenu_item,.vmenu_item_on,.vmenu_turn{display:block;padding:8px 20px 8px 0;
font-weight:bold;font-size:13px;color:#A8150D}
.vmenu_turn{}
.vmenu_item{}
.vmenu_item:hover,.vmenu_item_on{}
.category_item{color:#A8150D}

.vmenu_subitem{
  background: url(images/link.gif) no-repeat left 6px;
  display:block;padding:4px 0 6px 20px;font-weight:bold;font-size:12px;color:#000
}
.vmenu_item:hover,.vmenu_item_on{}


.courses_box{margin-bottom:10px;background:#fff}
.courses_box h2{text-align:center;font-size:18px;color:#fff}
.courses_list{padding:10px}
.courses_list li{padding:7px 0}
.courses_list a{background: url(images/link.gif) no-repeat left 2px;padding-left:14px;
display:block;color:#333;font-weight:bold;font-size:14px}

.minimenu{vertical-align:top;width:30px;zoom:1;cursor:pointer}
.green{background:#C0F3AC;}
.darkgreen{background:#3B7F20;color:#fff}
.minimenu_box{width:170px;position:absolute;left:32px;top:-4px;background:#fff;padding:10px;border:1px solid #000;color:#000}
.minimenu_box a{color:#7F0E12;font-weight:bold}

/* Text */
#middle{padding:20px 10px 10px 10px;background:#D2D2D2;border:5px solid #fff;overflow:hidden}
#center{margin:20px 0 0 220px;}

#page{overflow:hidden;padding:15px;background:#fff}
#page .title{font-size:22px;color:#A8150D;border-bottom:1px solid #A8150D;margin-bottom:12px}
#page .description{line-height:23px;font-size:15px;margin-bottom:10px}
#page .logo{float:left;display:block;margin:0 5px 3px 0}
#page .date{display:block;font-size:11px;padding-bottom:8px;font-weight:bold}

.text h3{color:#A8150D;border-bottom:1px solid #A8150D;margin-bottom:4px}

#school_header{overflow:hidden;background: url(images/school_title.gif) no-repeat left bottom;}
#school_title{float:left;padding:10px 0 0 15px;font-size:24px;color:#fff;width:400px}
#school_info{margin-left:420px;padding-top:15px}
#school_info li{float:right;margin-left:15px}
#school_info a{display:block;padding:5px 10px;font-size:14px;color:#710B19;font-weight:bold}
.school_link{background: #fff url(images/school_info.gif) repeat-x left bottom}
.school_link_on{background: #fff}

.publicity{margin-bottom:14px;}

/* Sections */
.section_box{margin-bottom:8px;background:#fff}
.section_box .logo{float:left;display:block;margin:0 5px 3px 0}
.section_box .box_in{padding:4px 0 8px 0;overflow:hidden}
.section_minibox{float:left;width:70px;padding:5px;}
.section_box h4{margin:5px 0}
.section_box h4 a{background:url(images/sup.gif) no-repeat left top;padding-left:25px;color:#000}
.section_title{font-weight:bold;font-size:15px;color:#8A0B02;margin-bottom:5px}
.section_title a{background:url(images/arrow_2.gif) no-repeat left top;padding-left:22px;color:#8A0B02}
.box{border-bottom:1px solid #979797}

/* Calendar */
#calendar_nav{margin:5px 0;color:#fff}
#calendar_nav img,#calendar_nav a{vertical-align:middle}
#calendar_nav a{padding:0 4px}
#calendar {background:#fff;font-size:11px;border-top:1px solid;border-left:1px solid;border-collapse:collapse;}
#calendar td{border-bottom:1px solid #000;border-right:1px solid #000;vertical-align:top}
#calendar .day_name{background:#B11308;color:#fff;font-weight:bold;padding:5px;width:14%}
#calendar .green_day{background:#fff}
#calendar .green_day a,#calendar .green_day div{background:#8A0B02;font-weight:bold;color:#fff}
#calendar .day_num{padding:5px;display:block}
#calendar .day_list{padding:5px;}
#calendar .day_item{padding-bottom:8px;}
#calendar .day_item a{color:#000}
#calendar .day_item span{background:#8C0C03;color:#fff;padding:0 3px}

/* Contact / Login */
#login_form .form_block{padding:5px 0}
#login_form .form_block{padding:5px 0}

/*Footer */
#footer{text-align:center;clear:both;width:900px;margin:10px auto;overflow:hidden;padding-top:10px}
#footer li{float:left;padding:2px 10px;border-left:1px solid #D0D0D0}
#footer a{color:#695D54;font-size:11px;font-variant: small-caps;font-family:arial}