@import url('boxes.css');
@import url('forms.css');
@import url('slider.css');
@import url('../devel-theme/jquery-ui-1.7.2.custom.css');
@import url('../devel-theme/jquery.lightbox-0.5.css');
@import url('../devel-theme/tooltip.css');
@import url('../devel-theme/scrollable.css');

*{margin: 0; padding: 0;}
body{font-family: Helvetica, Verdana, Arial; font-size: 13px; /* background: #EEE url(../../img/bg/bgBody.jpg) repeat-x 0% 0%; */ background: #4A6E9B url(../../img/bg/bg_devel_blue_2000px.jpg) repeat fixed 50% 0%; color: #333; text-align: justify;}
a{color: #4179AF; cursor: pointer; }
a:hover{color: #065598;}
img{border:none;}
hr{color: #EEE; margin: 10px 0;}

a.product{text-decoration: none;}

#top-menu{height: 30px; padding: 0 20px; line-height: 28px; color: #FFF; font-size: 11px;background: #00457C; border-bottom: 1px solid #999; }
#top-menu a{color: #FFF; }

    #searchDiv{position: absolute; top: 91px; right: 180px; width: 182px; height: 22px; }
        #searchDiv .inputDiv{float: left; height: 22px; width: 150px; background: transparent url(../../img/images/search/input.png) no-repeat scroll 0 0;}
        #searchDiv .inputDiv .inputText{border: 0; width: 140px; height: 16px; margin: 4px 1px 1px 1px; }
        #searchDiv .buttonDiv{float: left; height: 22px; width: 32px; /* background: transparent url(../images/search/button2.png) no-repeat scroll 0 0;*/ }
    #langDiv{position: absolute; top: 91px; right: 20px; width: 129px; z-index: 2; cursor: pointer;}
        #others-lang{display: none; position: absolute; top: 18px; right: 0px;  width: 129px;}
#container{width: 970px; margin: 0 auto; background: #FFF;}
#page{ padding: 0 10px;}

#header{width: 950px; height: 82px; position: relative; background: transparent url(../../img/images/bola-devel-transp.png) no-repeat scroll 121% 37%;}
    #logoDiv{padding: 10px 0;}
    #loginDiv{position: absolute; right: 0; top: 10px; width: 200px;}

#banners{ width: 950px; height: 255px; /* -moz-box-shadow: 0px 5px 20px -2px #333333; */}
.subHeader{position: relative; width: 960px; overflow: auto;}
#banners .projectTooltip img{float: left; width: 100px; height: 85px; margin: 0 15px 5px 0; padding: 1px; background: #222F40; border:2px solid #929FB0;}
.banner{background: #DDD; border: 1px solid #999; /*height: 260px;*/}
.banner-footer{float: right; padding: 1px 10px;}
.banner-footer a{color: #333; text-decoration: none;}
.banner-footer a:hover{color: #065598; }

#langDiv{position: absolute; top: 9px; right: 20px; width: 130px; cursor: pointer;}
        #others-lang{display: none; position: absolute; top: 18px; right: 0px;  width: 129px;}

#menu{ width: 950px; height: 40px; margin-bottom: 10px; font-size: 13px; position: relative;}
#menu ul{width:  950px; height: 43px; float: left; list-style: none; background: transparent url(../../img/bg/navigation-item-background.png) repeat-x scroll left bottom;}
#menu li{ float: left; height: 43px;}
#menu li:hover{background: transparent url(../../img/bg/navigation-item-background.png) repeat-x scroll left top;}
#menu li a{color: #000;}
#menu ul li.first-nav-item{background: transparent url(../../img/bg/mosaic-homebutton.png) repeat-x scroll left bottom;}
#menu ul li.first-nav-item:hover{background: transparent url(../../img/bg/mosaic-homebutton.png) repeat-x scroll 0px -2px;}
#menu ul li.last-nav-item{float: right; background: transparent url(../../img/bg/navigation-last-button-cap.png) repeat-x scroll left bottom; width: 4px;}
#menu li a.menuItem{padding: 13px 20px; color: #333; text-decoration: none; display: block; background:transparent url(../../img/bg/separator.png) no-repeat scroll right top;}
#menu li .menuItemDiv{position: absolute; display: none; background: #FFF; min-width: 100px; padding: 5px 0; border: 1px solid #ababab; border-top: 0; font-size: 11px;}
#menu li .menuItemDiv h3{font-size: 13px; }
#menu li .menuItemDiv a.cab{padding: 10px 30px 5px 20px;}
#menu li .menuItemDiv a{display: block; text-decoration: none; padding: 2px 30px 2px 40px; }
#menu li .menuItemDiv a:hover{color: #4179AF;}
#menu li .menuItemDiv hr{height: 1px; background: #ababab; border: 0px solid #ababab; margin: 0 10px;}
#menu li #indexMenuDiv{left: 2px;}
#menu li #servicesMenuDiv{left: 69px;}
#menu li #productsMenuDiv{left: 161px;}
#menu li #successCasesMenuDiv{left: 260px;}
#menu li #aboutMenuDiv{left: 386px;}
#menu li #contactMenuDiv{left: 495px;}

#content{width: 950px; min-height: 320px; margin: 20px 0; clear: both; }
#sidebar-left{float: left; padding: 0px 20px 0px 0px; width: 170px; font-size: 12px;}
#sidebar-left a{text-decoration: none; color: #333;}
.sidebar-left-item{ margin-bottom: 10px; padding: 1px; border: 1px solid #999; background: transparent url(../../img/bg/bg-grey.png) repeat-x scroll 0px 25px; }
.sidebar-left-item .title{background: #1776ae; color: #FFF; padding: 5px 0; font-size: 12px; font-weight: bold; text-align: center;}
.sidebar-left-item ul{list-style: none; border: 1px solid #EEE; }
.sidebar-left-item li{padding: 4px; border-bottom: 1px solid #999;}
.sidebar-left-item li:hover{background: #EFEFEF}
.sidebar-left-item .last-item{border: 0;}

#sidebar-right{float: right; padding: 0px 0px 0px 20px; width: 170px;}

#main-content{min-height: 50px;}
#main-content p{ margin-bottom: 10px;}
#main-content ul.items-list{list-style: none; margin: 0 70px;}

.product-block{width: 445px; height: 610px; float: left; border: 1px solid #999; padding: 10px; font-size: 12px;}
.product-block-left{margin: 0 15px 20px 0; background: transparent url(../../img/bg/gradiente01.png) repeat-x 0% 50%;}
.product-block-right{margin: 0 0 20px 0; background: transparent url(../../img/bg/gradiente01.png) repeat-x 0% 50%;}
.product-block h2{padding-left: 30px; font-size: 40px; font-family: "Trebuchet MS", Verdana, Arial; border-bottom: 1px dotted #AAA; color: #065598;}
.product-block .content-opentrats{margin: 20px;  padding: 10px;}
.product-block .content-devel-commerce{margin: 20px; padding: 10px;}
.product-block ul{margin:0 0 10px 20px; }

ul.block-list{list-style: none; margin: 0 10px;}
ul.block-list li.block-list-item{float: left; width: 292px;  background: transparent url(../../img/bg/gradiente01.png) repeat-x 0% 50%; border: 1px solid #ccc; margin: 0 20px 15px 0; }
ul.block-list li.last-item{margin: 0 0px 15px 0;}
ul.block-list li .block-list-item-div{ padding: 20px; height: 300px;}
ul.block-list li .development{background: transparent url(../../img/images/desarrollo_200px_transp35.png) no-repeat scroll 100% 100%;}
ul.block-list li .consulting{background: transparent url(../../img/images/diagram_200px_transp50.png) no-repeat scroll -190% 127%;}
ul.block-list li .outsourcing{background: transparent url(../../img/images/mundo_puzzle_200px_transp35.png) no-repeat scroll 100% 100%;}
ul.block-list li h2{color: #065598; font-size: 25px; margin: 0  0 10px 0;}
ul.block-list li .block-list-content{padding-left: 20px;}
ul.block-list li.block-list-item h3.title{font-size: 14px; font-weight: bold; margin: 4px 0;}
ul.block-list li.block-list-item p{font-size: 11px; padding: 0 10px;}

ul.pair-block-list{float: left; width: 406px; height: 103px; list-style: none; background: #FFF;  margin: 0px 20px 20px 10px;}
ul.pair-block-list li{float: left; }

#consultoria{background: transparent url(../../img/images/consultoria.jpg) no-repeat 3% 0%; padding: 25px 30px 50px 260px;}
#desarrollo{background: transparent url(../../img/images/development.png) no-repeat 1% 0%; padding: 25px 30px 50px 260px;}
#outsourcing{background: transparent url(../../img/images/bola_puzzle.png) no-repeat 5% 0%; padding: 25px 30px 50px 260px;}

ul.projects-block-list{list-style: none; margin: 0 20px; width: 920px;}
ul.projects-block-list li{margin:20px 0 50px 0; background: transparent url(../../img/bg/content_top.jpg) no-repeat 0% 0%; padding: 20px 20px; overflow: auto;}
ul.projects-block-list li h2{color: #065598; font-size: 25px; font-family: "Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; margin: 0 0 20px 0;}
ul.projects-block-list li .projectImage{float: left; text-align: center; }
ul.projects-block-list li .projectImage img{width: 300px; height: 180px; border: 1px solid #999; padding: 4px; display: block;}
ul.projects-block-list li .projectImage a{text-decoration: none; font-style: italic;}
ul.projects-block-list li .projectInfo{float: right; width: 525px; padding: 0 20px 0 0;}
ul.projects-block-list li .projectLinks{float: right; width: 525px;padding: 0 20px 0 0;}
ul.projects-block-list li .projectLinks a{font-size: 12px; font-style: italic; float: left; text-decoration: none;}
ul.projects-block-list li .projectLinks a.galleryLink{ padding: 10px 10px 10px 45px; background: transparent url(../../img/icons/galeria_mini.jpg) no-repeat 5% 50%;}
ul.projects-block-list li .projectLinks a.galleryLink:hover{background: #DDD url(../../img/icons/galeria_mini.jpg) no-repeat 5% 50%;}
ul.projects-block-list li .projectLinks a.detailLink{ padding: 10px 10px 10px 45px; background: transparent url(../../img/icons/caja_mini.jpg) no-repeat 0% 50%;}
ul.projects-block-list li .projectGalleryThumbs{float: right; background: #DDD;  width: 525px;padding: 0 20px 0 0; margin-left: 20px; display: none; text-align: center;}
ul.projects-block-list li .projectGalleryThumbs img{padding: 3px; background: #FFF; border: 1px solid #BBB; margin: 4px; width: 55px; height: 35px; float: left;}

.supportContactDiv{width: 180px; float: left; height: 455px; margin:0 0 20px 20px; background: #C3D6DF; padding: 15px; border: 1px solid #999;}
.supportItem{width: 160px; height: 115px; text-align: center;}
.supportItem img{margin: 0 auto; display: block;}
.contactDiv{ height: 455px; margin: 0 20px 0 260px; background: #C3D6DF url(../../img/devel.png) no-repeat 102% -52%; padding: 15px; border: 1px solid #999;}
.companyDataDiv{margin: 10px 0 20px 20px; color: #444; line-height: 15px;}
#resultMessageDiv{margin: 5px auto; border: 1px solid #999; background: #ddd; width: 450px; }
#resultMessageDiv .resultMessageTitleDiv{background: #8BB1DF; color: #FFF; padding: 2px 10px; border-bottom: 1px solid #999;}
#resultMessageDiv .okDiv{background: transparent url(../../img/icons/ok_60px.png) no-repeat 0%; padding: 20px 10px 20px 70px;  margin: 0 auto;}
#resultMessageDiv .warningDiv{background: transparent url(../../img/icons/warning_60px.png) no-repeat 0%; padding: 20px 10px 20px 70px; margin: 0 auto;}
#resultMessageDiv .errorDiv{background: transparent url(../../img/icons/error_60px.png) no-repeat 0%; padding: 20px 10px 20px 70px; margin: 0 auto;}


#contentFooter{ height: 140px; clear: both; text-align: left; }
.footer-menu-item{float: left; font-size: 11px; width: 170px; height: 100px; margin: 0px 15px 15px 0; padding: 12px 12px 0 40px;}
.last-item{margin-right: 0;}
.footer-menu-item a{color: #666; text-decoration: none;}
.footer-menu-item a:hover{ text-decoration: underline;}
.footer-menu-item .title {font-weight: bold; margin-bottom: 10px;}
.footer-menu-item li{margin-left: 10px;}
#footer{clear: both; font-size: 11px; text-align: center; background: #ECECEC; padding: 5px;}