/* General */
body {text-align: center;background:#2D3846;padding-top:15px;
font-family: Verdana, Tahoma, Arial, sans-serif;font-size:11px;}

#content{ width:850px;	margin-left: auto;margin-right: auto;text-align:left;
min-height:700px}

#top_menu{overflow:hidden;padding-bottom:5px}
#top_menu li{float:left;margin-right:5px}
#top_menu img{display:block}
/* Header */
#header {position:relative;width:850px;height:180px;overflow:hidden}
#header h2{position:absolute;top:30px;right:0px;z-index:10;width:120px;height:120px;}
#header h2 div{height:120px;background:#fff;
filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#header h2 img{position:absolute;left:10px;top:10px}

/* Slideshow */
#slideshow img, #minislideshow img{position:absolute;top:0px;left:0px}
#minislideshow{position:relative;height:150px;text-align:center;display:block}

/* Gallery */
#gallery{border:1px solid #9D9C97;padding:7px;margin-top:20px;clear:both}
#gallery table{border-collapse:collapse;}
#gallery_box{width:510px;height:520px;vertical-align:middle;text-align:center;}
#gallery_description{height:20px}
#gallery_menu {width:510px;height:100px;position:relative;overflow:hidden}
#gallery_menu td{border:5px solid #fff;width:85px;height:85px;vertical-align:middle;text-align:center;background:#E8E6DC}
#gallery_menu a{}
#gallery_slide{position:absolute;top:0px;left:20px}
#left_arrow,#right_arrow{z-index:1;position:absolute;top:0px;display:none}
#left_arrow{left:0px}
#right_arrow{right:0px}

/* Page */
#center{float:left;width:585px;zoom:1}
#right{float:right;width:250px}

/* Horizontal menu */
#hmenu {border-top:1px solid #2D3846;position:relative;
width:850px;height:57px;overflow:hidden}
#hmenu li{float:left}
#hmenu a{display:block;overflow:hidden;position:absolute;top:0px;height:57px;}

.diseno, .web, .multimedia, .monitoreos,.consultoria{border-left:1px solid #2D3846}
.estudios{left:0px}
.diseno{left:161px;}
.web{left:297px;}
.multimedia{left:404px}
.monitoreos{left:591px}
.consultoria{left:755px}

/* Vertical menu */
.right_box{background:#fff;padding:10px;zoom:1}
.vmenu_title{color:#fff;font-weight:bold;display:block;}
.vmenu_text{padding:3px 0px}
#vmenu dd, #links_menu dd{display:none}
#vmenu dt, #links_menu dt{padding:3px 0px}
#vmenu a, #links_menu a{color:#2D3846;font-weight:bold;display:block;padding:4px 2px}

/* Comment */
#tooltip{text-align:left;position:absolute;padding:10px 0 5px 10px;border:1px solid #ccc;
background-color:#fff;color:#000;visibility: hidden;z-index: 100;
filter:alpha(opacity = 90);-moz-opacity:0.9; opacity:0.9;}
#tooltip .spip_logos,#tooltip p{margin:0 10px 5px 0}
#tooltip .spip_logos{float:left}



/* Page */
#center h3,#right h4{border-bottom:2px solid #fff;margin-top:10px;overflow:hidden;zoom:1}
.page{display:none}
.page_on,.contact_form{background:#fff;padding:10px;position:relative;top:-2px;
overflow:hidden;zoom:1;}
.text,.description{padding:0 15px}
.description{padding:10px 0;letter-spacing:1px;word-spacing:2px;
font-family:arial;line-height:21px;font-size:12px;font-weight:bold;color:#546972}
.text{font-size:11px;line-height:17px;color:#2D3846;zoom:1}
.text h3{margin:2px 0 4px 0;font-size:15px;font-family:arial;font-weight:bold}
.text .spip{margin:4px 0 6px 0}
.text .spip_logos{float:left;margin:0 10px 5px 0}

/* Footer */
.footer{clear:both;padding-top:20px;text-align:center;}
.footer p{border-top:1px solid #ccc;}
.footer a{color:#ccc;}

/** Formulaire Mailing list*/ 
.mailing_list{padding:10px;background:#fff;}
.mailing_list .forml{width:225px}

/** Formulaire general*/ 
.contact_form input,.mailing_list input{
border:1px solid #666;padding:1px 2px}
.contact_form .spip_bouton,.mailing_list .spip_bouton{
margin:5px;}
.contact_form .spip_bouton input,.mailing_list .spip_bouton input{
background:#2D3846;color:#fff;}

/** Formulaire contact*/ 
.contact_form fieldset{border:1px solid #666;margin-top:15px;padding:10px}
.contact_form legend{padding:0 3px;font-size:1.1em;color:#1B5295;font-weight:bold}
.contact_form fieldset div{margin:6px 0px 2px 0px}
.contact_form fieldset span{display:block;padding-bottom:2px;font-weight:bold}
/** Special Checkbox*/ 
.contact_form fieldset span span{display:inline;padding:0px;}
.contact_form fieldset span input{padding:2px 0;}
.contact_form option{padding:1px 5px;}
.contact_form input,.contact_formtextarea{padding:1px 2px}
.contact_form textarea{width:450px}