@charset "iso-8859-1";
/*-----------------------------------------------------------------------------
[DIMSOFT GROUP, S.A.] Screen Stylesheet

versión: 				1.0
fecha de creación:      27/08/2008
autor: 			   		[Ing. Denis Alberto Vergara]
email:     				[web(arroba)dimpanama.com]
website:   				[www.dimpanama.com]
-----------------------------------------------------------------------------*/
/* GENERAL */
body{ background:#fff url(../images/bkbody.jpg) repeat-x top; border-top:10px solid #585252;}
#containerBG{  position:relative;}
#containerInfo{ position:relative; width:760px; min-height:800px; margin:0 auto; position:relative; overflow:hidden; background-image:url(../images/bkinfo.jpg); background-repeat:repeat-x; background-position:top;}
#header{ position:relative;  overflow:hidden;}
#logo{ width:110px; float:left;}
#mapaWeb{ position:relative; height:300px; padding:20px; border:10px solid #585252; background-color:#736A6A;}
#mapaWeb h3{ color:#FFF; }
#mapaWeb ol li {padding:2px 0;  list-style:none url(../images/link.jpg) inside}
#mapaWeb ol li a{ color:#FFF; text-decoration:none;}
#mapaWeb ol li a:hover{ text-decoration:underline;}
#mapaWeb ol li ul li{ margin-left:35px;}
#btnMapaWeb{ margin-left:120px; float:right;}
#btnMapaWeb a{ display:block;  width:120px; height:20px; margin-right:20px; background:#666 url(../images/001.jpg) no-repeat bottom center; line-height:160%; text-align:center; color:#FFF; font-weight:bold; text-decoration:underline; z-index:2000;}
#btnMapaWeb a:hover{ text-decoration:none;}
#menu{ width:760px; height:40px; margin:5px 0; position:relative; overflow:hidden; background:#736a6a url(../images/menu.jpg) center top no-repeat; }
#menu ol{ margin-left:10px;}
#menu ol li{ list-style:none; float:left;}
#menu ol li a{ display:block; width:100px; height:38px; margin-left:2px; margin-top:1px; line-height:3.5em; font-size:10px!important; font-weight:bold; text-decoration:none;  text-align:center; background-color:#736A6A; color:#fff; text-transform:uppercase;}
#menu ol li a:hover{  text-decoration:none; color:#000;text-decoration:underline;}
#menu ol li .select{  text-decoration:underline; color:#FFCC00;}
#menu ol li .sessionClose{ background:#fff url(../images/bgsprite.gif) no-repeat scroll left -60px!important;}
#menu ol li .sessionClose:hover{ background:#fff url(../images/bgsprite.gif) no-repeat scroll left -95px!important;}
#content{  position:relative; overflow:hidden; }
#content p{ color:#FFF;}
#content h3{ color:#094B8D;}
#content p{ color:#333;}
#content a{ color:#FF9900;}
#content .sep{ height:30px;}
.content1{ margin:20px 5px; padding:5px 20px; clear:both; background-color:#FFF;}
.content2{ width:425px; height:490px; margin:20px 5px; padding:5px; float:left; background-color:#fff;}
#sidebar{ width:290px; margin:20px 5px; float:right; overflow:hidden; background-color:#736A6A; color:#fff;}
#sidebar .sidebar_content{ margin:8px;}
#sidebar ul{ margin: 0;	padding: 0;}
#sidebar li{ display:block; height:30px; margin-bottom:2px; text-decoration:underline; cursor:pointer; list-style-image:url(../images/see_more_down.gif); list-style-position:inside; line-height:230%;}
.sidebar_top{ height:15px; clear:both; background:#fff url(../images/sidebar_top.gif) top no-repeat;}
.sidebar_bottom{ height:15px; clear:both; background:#fff url(../images/sidebar_bottom.gif) bottom no-repeat;}

#contact{ height:330px; position:relative; padding:10px; overflow:hidden;  background-image:url(../images/patron1.jpg);}
#contact .fValidator{ position:relative; width:300px; margin:5px 0; padding:10px; float:right; border:1px solid #999999; background-color:#FFF;}
#contact .fValidator li{ list-style-image:url(../images/error.gif); list-style-position:inside;}
#contact .fValidator-msg { width:15em; top:22px; right:0px; padding:0 5px; margin-left:21em; margin-bottom:15px;  font-weight:bold!important; font-size:85%; color:#FFF; background-color:#CC0000; }
#contact form{position:relative; width:350px; margin:5px 0; float:left; background-color:#FFF;  border:1px solid #999999;}
#contact form p{ margin:15px 0 15px 15px;; position:relative;}
#contact form fieldset legend{ font-weight:bold; color:#666666}
#contact form fieldset label{ display:block; position:relative;}
#contact form fieldset label span{ position:absolute; right:26px; color:#FF0000; width: 87px; }
#contact form input, #contact form textarea{ width:250px; border:1px solid #999999;}
#contact form textarea.text, input.text{ border:1px solid #ccc;}
#contact form input.ok{ width:120px; height:30px; font-weight:bold; text-align:center; background-color:#376088; color:#CCCCCC; cursor:pointer;}
#contact form .required{ background-color:#FED0C0;}
#contact form .required b{  display:block;  padding:0 5px;color:#000;}
#contact .submit-msg{ margin:auto; background-color:#FFF; border:1px solid #999999; padding:20px; text-align:center;}

#footer{ height:80px; margin:auto; clear:both; overflow:hidden; border-top:1px solid #666;}
#footer_content{ margin-top:10px;}
#footer_content h5{ color:#000; text-align:center;}
#footer_content b{ margin:2px; display:block;}
#footer_content b a{ color:#fff; text-decoration:underline; font-weight:bold;}
#footer_content b a:hover{ text-decoration:none;}


/* Estilos especiales */
#pages{ height:5000px; overflow:hidden; position:relative; }
.page{ height:495px; position:relative; width:auto; left: 0px; top: 0px;}
.pageCol1{ width:425px; float:left;}

.pic_portada{ width:750px; height:120px; background-color:#FFF; background-position:center top; background-repeat:no-repeat;}
#pic1{ background-image:url(../images/pic_portada1.jpg); margin:auto;}
#pic2{ background-image:url(../images/pic_portada2.jpg); margin:auto;}
#pic3{ background-image:url(../images/pic_portada3.jpg); margin:auto;}
#pic4{ background-image:url(../images/pic_quienes_somos.jpg); margin:auto;}
#pic5{ background-image:url(../images/pic_contactenos.jpg); margin:auto;}
#pic7{ background-image:url(../images/pic_noticias.jpg); margin:auto;}
p.style1{ padding-left:170px; background:#fff url(../images/005.jpg) no-repeat; }
p.style2{ padding-left:170px; background:#fff url(../images/006.jpg) no-repeat; }
#tabs{ position:relative; margin:20px auto; width:740px; overflow:hidden;}
#tabs li{ display:block; width:195px; height:35px; padding-left:5px; float:left; list-style-type:none; background:#CCC url(../images/btn1tabs.jpg) left top no-repeat; margin-right:5px; text-align:left!important; cursor:pointer; font-size:11px; text-align:center; line-height:200%;}
.tabs_content{ position:relative;height:205px;  overflow:hidden; clear:both; background:#fff url(../images/bktabs.jpg) no-repeat; }
.tabs_content p{ width:450px; height:120px; margin:20px; 200px 0 20px; float:left;}
.tabs_content img{ float:right; margin-right:25px; margin-top:25px;}
.box_style1{ border:1px solid #152E4D; background-color:#1B365A;}
.hr1{ position:relative; height:20px; margin:0; background-image:url(../images/sep1.jpg); border:none;}
/*kwick menu*/
#kwicksContainer{width:740px; margin:auto; }
#kwicksGroup { height: 270px;background:#B76262 url(../images/kwick_fin.jpg) right repeat-x; border:1px solid #666; }
#kwicks { position: relative;}
#kwicks .kwick {  display: block; width: 240px;	height: 270px; float: left; }

.kwick li{ list-style:none;}
.kwick a{ display:block; width:120px; height:270px;}
.kwick a span{ display:none;}
#k1 {	background: #7389ae url(../images/kwick1.jpg);}
#k2 {	background: #0494B3 url(../images/kwick2.jpg);}
#k3 {	background: #99CC00 url(../images/kwick3.jpg);}
#k4 { display:block; margin:0; padding:0; width:10px; height:270px;	list-style:none;}