body {background:url(../images/body.jpg) repeat-x top; font-family:Tahoma; font-size:12px; margin:0px; padding:0px;}
.clr {clear:both; width:0px !important;}
ul {list-style:none; margin:0px; padding:0px;}
a {text-decoration:none;}

#warp {width:963px; margin:0px auto;}
#warp #header {}
#warp #header .right {background:url(../images/header-right.jpg) no-repeat; float:right; width:253px; height:114px;}
#warp #header .left {background:url(../images/header-links.jpg) no-repeat; float:left; width:55px; height:25px;}
#warp #header .left a.right {width:12px; height:9px; margin:14px 1px 0 0; float:right; display:block; font-size:0px; background:none;}
#warp #header .left a.left {width:13px; height:12px; margin:11px 0 0 2px; float:left; display:block; font-size:0px; background:none;}

#warp #nav {background:url(../images/nav-li.jpg) no-repeat; width:960px; margin:0px auto; height:43px;}
#warp #nav a {background:url(../images/nav-li.jpg) no-repeat; height:43px; width:960px; font-size:0px;}
#warp #nav a.index {float:right; background-position: -815px 0; width:145px;}
#warp #nav a.design {float:right; background-position: -690px 0; width:111px; margin:0 0 0 25px;}
#warp #nav a.design:hover {float:right; background-position: -690px -43px; width:111px; margin:0 0 0 25px;}
#warp #nav a.prog {float:right; background-position: -570px 0; width:111px; margin:0 0 0 25px;}
#warp #nav a.prog:hover {float:right; background-position: -570px -43px; width:111px; margin:0 0 0 25px;}
#warp #nav a.serv {float:right; background-position: -445px 0; width:111px; margin:0 0 0 25px;}
#warp #nav a.serv:hover {float:right; background-position: -445px -43px; width:111px; margin:0 0 0 25px;}
#warp #nav a.host {float:right; background-position: -312px 0; width:111px; margin:0 0 0 25px;}
#warp #nav a.host:hover {float:right; background-position: -312px -43px; width:111px; margin:0 0 0 25px;}
#warp #nav a.support {float:right; background-position: -168px 0; width:111px; margin:0 0 0 25px;}
#warp #nav a.support:hover {float:right; background-position: -168px -43px; width:111px; margin:0 0 0 25px;}
#warp #nav a.contact {float:right; background-position: -30px 0; width:111px;}
#warp #nav a.contact:hover {float:right; background-position: -30px -43px; width:111px;}

#warp .content {margin:10px 0;}
#warp .content .right {width:565px; float:right;}
#warp .content .right .news {background:url(../images/news-med-right.jpg) repeat-y right;}
#warp .content .right .news .top {background:url(../images/news-top.jpg) repeat-x; height:21px;}
#warp .content .right .news .top .right {background:url(../images/news-top-right.jpg) no-repeat; float:right; width:94px; height:21px;}
#warp .content .right .news .top .left {background:url(../images/news-top-left.jpg) no-repeat; float:left; width:17px; height:21px;}
#warp .content .right .news .med {background:url(../images/news-med-left.jpg) repeat-y left;}
#warp .content .right .news .med .in {margin:0px 5px; background:#FFF;}
#warp .content .right .news .med .in div {text-align:right; direction:rtl;}
#warp .content .right .news .med .in span {float:right; text-align:right; font-weight:bold; color:#19507e; direction:ltr;}
#warp .content .right .news .med .in a {float:left; margin:5px; color:#66aee8;}
#warp .content .right .news .down {background:url(../images/news-down.jpg) repeat-x; height:12px;}
#warp .content .right .news .down .right {background:url(../images/news-down-right.jpg) no-repeat; float:right; width:16px; height:12px;}
#warp .content .right .news .down .left {background:url(../images/news-down-left.jpg) no-repeat; float:left; width:17px; height:12px;}
#warp .content .right .prices {background:url(../images/prices-med-right.jpg) repeat-y right;}
#warp .content .right .prices .top {background:url(../images/prices-top.jpg) repeat-x; height:21px;}
#warp .content .right .prices .top .right {background:url(../images/prices-top-right.jpg) no-repeat; float:right; width:151px; height:21px;}
#warp .content .right .prices .top .right2 {background:url(../images/prices2-top-right.jpg) no-repeat; float:right; width:147px; height:21px;}
#warp .content .right .prices .top .left {background:url(../images/prices-top-left.jpg) no-repeat; float:left; width:17px; height:21px;}
#warp .content .right .prices .med {background:url(../images/prices-med-left.jpg) repeat-y left;}
#warp .content .right .prices .med .in {margin:0px 5px; background:#FFF;}
#warp .content .right .prices .med .in td {background:#f9f9f9; border:1px solid #DFDFDF; padding:6px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:1px 1px 2px #DFDFDF;}
#warp .content .right .prices .med .in td a {float:none; margin:0px;}
#warp .content .right .prices .med .in div {text-align:right; direction:rtl;}
#warp .content .right .prices .med .in span {float:right; text-align:right; font-weight:bold; color:#19507e; direction:ltr;}
#warp .content .right .prices .med .in a {float:left; margin:5px; color:#66aee8;}
#warp .content .right .prices .down {background:url(../images/prices-down.jpg) repeat-x; height:12px;}
#warp .content .right .prices .down .right {background:url(../images/prices-down-right.jpg) no-repeat; float:right; width:16px; height:12px;}
#warp .content .right .prices .down .left {background:url(../images/prices-down-left.jpg) no-repeat; float:left; width:17px; height:12px;}

#warp .content .right .serv {background:url(../images/news-med-right.jpg) repeat-y right;}
#warp .content .right .serv .top {background:url(../images/news-top.jpg) repeat-x; height:21px;}
#warp .content .right .serv .top .right {background:url(../images/sev-top-right.jpg) no-repeat; float:right; width:125px; height:21px;}
#warp .content .right .serv .top .right2 {background:url(../images/host-top-right.jpg) no-repeat; float:right; width:125px; height:21px;}
#warp .content .right .serv .top .left {background:url(../images/news-top-left.jpg) no-repeat; float:left; width:17px; height:21px;}
#warp .content .right .serv .med {background:url(../images/news-med-left.jpg) repeat-y left;}
#warp .content .right .serv .med .in {margin:0px 5px; background:#FFF;}
#warp .content .right .serv .med .in td {
	background:#f9f9f9;
	border:1px solid #DFDFDF;
	padding:6px;
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:1px 1px 2px #DFDFDF;
}
#warp .content .right .serv .med .in td a {float:none; margin:0px;}
#warp .content .right .serv .med .in div {text-align:right; direction:rtl;}
#warp .content .right .serv .med .in span {float:right; text-align:right; font-weight:bold; color:#19507e; direction:ltr;}
#warp .content .right .serv .med .in a {float:left; margin:5px; color:#66aee8;}
#warp .content .right .serv .down {background:url(../images/news-down.jpg) repeat-x; height:12px;}
#warp .content .right .serv .down .right {background:url(../images/news-down-right.jpg) no-repeat; float:right; width:16px; height:12px;}
#warp .content .right .serv .down .left {background:url(../images/news-down-left.jpg) no-repeat; float:left; width:17px; height:12px;}

#warp .content .right .clients {margin:5px 0 0; height:178px;}
#warp .content .right .clients .top {background:url(../images/clients.png) no-repeat; float:right; width:95px; height:37px; margin:0 0 10px;}
#warp .content .right .clients .top2 {background:url(../images/prog.png) no-repeat; float:right; width:95px; height:37px; margin:0 0 10px;}
#warp .content .right .clients .right {width:175px; float:right;}
#warp .content .right .clients .right a {color:#000;}
#warp .content .right .clients .right div {float:right; background:#EEE; text-align:center; margin:0 0 10px;}
#warp .content .right .clients .right div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}
#warp .content .right .clients .left {width:175px; float:left;}
#warp .content .right .clients .left a {color:#000;}
#warp .content .right .clients .in {width:365px; margin:0px; background:none;}
#warp .content .right .clients div {float:right; background:#EEE; text-align:center; margin:0 0 10px 10px; width:80px;}
#warp .content .right .clients .left div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}

#warp .content .left {width:365px; float:left;}
#warp .content .left .about {background:url(../images/about.jpg) no-repeat; float:left; width:365px; height:131px; position:relative; margin:10px 0 0;}
#warp .content .left .about .in {height:95px; position:absolute; right:15px; text-align:right; top:30px; width:340px; color:#4f93cc;}
#warp .content .left .contacts {background:url(../images/contacts.png) no-repeat; float:left; width:365px; height:71px; position:relative; margin:5px 0 0;}
#warp .content .left .clients {margin:5px 0 0; height:178px;}
#warp .content .left .clients .top {background:url(../images/clients.png) no-repeat; float:right; width:95px; height:37px; margin:0 0 10px;}
#warp .content .left .clients .right {background:none no-repeat scroll 0 0 transparent; float:right; margin:0; width:175px;}
#warp .content .left .clients .right a {color:#000;}
#warp .content .left .clients .right div {background:none repeat scroll 0 0 #EEEEEE; float:right; margin:0 0 10px; text-align:center; width:auto;}
#warp .content .left .clients .right div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}
#warp .content .left .clients .left {background:none no-repeat scroll 0 0 transparent; float:left; margin:0; width:175px;}
#warp .content .left .clients .left a {color:#000;}
#warp .content .left .clients .in {width:365px; margin:0px; background:none;}
#warp .content .left .clients .in div {background:none repeat scroll 0 0 #EEEEEE; float:right; margin:0 0 10px 10px; text-align:center; width:auto;}
#warp .content .left .clients div {background:none repeat scroll 0 0 #EEEEEE; float:right; margin:0 0 10px 10px; text-align:center; width:auto;}
#warp .content .left .clients .left div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}
#warp .content .left .order {background:url(../images/order.png) no-repeat; float:right; width:95px; height:37px; margin:10px 0px 0px;}
#warp .content .left form {width:350px; margin:10px auto 0px;}
#warp .content .left form div {height:30px;}
#warp .content .left form label {float:right; width:80px; text-align:right; line-height:25px;}
#warp .content .left form input {-moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:1px 1px 2px #DFDFDF; border:1px solid #DFDFDF; float:right; font-family:tahoma; font-size:12px; height:20px; width:268px; text-align:right; direction:rtl;}
#warp .content .left form input.submit {float:left; height:23px; margin:10px 0 0; padding:0 0 3px; width:50px; text-align:center; background:#FFF;}
#warp .content .left form textarea {width:350px; height:150px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:1px 1px 2px #DFDFDF; border:1px solid #DFDFDF; text-align:right; direction:rtl; font-family:Tahoma; font-size:12px;}
#warp .content .left .contacts {background:url(../images/contacts.png) no-repeat; float:left; width:365px; height:71px; position:relative; margin:5px 0 0;}
#warp .content .clients .block {background:url(../images/prices-med-right.jpg) repeat-y right; float:none; margin:0px;}
#warp .content .clients .block .top {background:url(../images/news-top.jpg) repeat-x; float:none;height:21px; margin:0; width:auto;}
#warp .content .clients .block .top .right {background:url(../images/clients-top-right.jpg) no-repeat; float:right; width:101px; height:21px; margin:0px;}
#warp .content .clients .block .top .left {background:url(../images/news-top-left.jpg) no-repeat; float:left; width:17px; height:21px; margin:0px;}
#warp .content .clients .block .med {background:url(../images/prices-med-left.jpg) repeat-y left; float:none; margin:0px;}
#warp .content .clients .block .med .in {margin:0px 5px; background:#FFF; float:none;}
#warp .content .clients .block .med .in td.left {background:#F9F9F9; border:1px solid #DFDFDF; float:right; width:695px; height:98px;}
#warp .content .clients .block .med .in td.left td {height:30px; background:#FFF; padding:0px 5px 0px 0px;}
#warp .content .clients .block .down {background:url(../images/prices-down.jpg) repeat-x; height:12px; float:none; margin:0px;}
#warp .content .clients .block .down .right {background:url(../images/prices-down-right.jpg) no-repeat; float:right; width:17px; height:21px; margin:0px;}
#warp .content .clients .block .down .left {background:url(../images/prices-down-left.jpg) no-repeat; float:left; width:17px; height:12px; margin:0px;}
#warp .content .clients {margin:5px 0 0;}
#warp .content .clients .top {background:url(../images/clients.png) no-repeat; float:right; width:95px; height:37px; margin:10px 0px;}
#warp .content .clients .right {width:175px; float:right;}
#warp .content .clients .right a {color:#000;}
#warp .content .clients .right div {float:right; background:#EEE; text-align:center; margin:0 0 10px;}
#warp .content .clients .right div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}
#warp .content .clients .left {width:175px; float:left;}
#warp .content .clients .left a {color:#000;}
#warp .content .clients .in {margin:0px; background:none;}
#warp .content .clients div {float:right; background:#EEE; text-align:center; margin:0 0 10px 7px;}
#warp .content .clients .left div span {background:url(../images/clients-link.jpg) no-repeat right; height:20px; width:175px; display:block;}
#warp .content .clients .more {background:url(../images/clients-more.jpg) no-repeat left !important; height:12px !important; float:left !important; line-height:10px !important; width:50px !important; text-align:right !important;}
#warp .content .clients .more a {color:#e08f1d; width:45px; display:block;}
#warp .content .clients .navegation {float:none; line-height:28px; margin:0 auto; width:210px; background:none;}
#warp .content .clients .navegation a {background:url(../images/navegation-normal.png) no-repeat; width:41px; height:35px; float:right; display:block; color:#FFF; font-weight:bold; margin:10px 0 0;}
#warp .content .clients .navegation a:hover {background:url(../images/navegation-hover.png) no-repeat; width:41px; height:35px;}
#warp .content .contact .block {background:url(../images/prices-med-right.jpg) repeat-y right; float:none; margin:0px;}
#warp .content .contact .block .top {background:url(../images/news-top.jpg) repeat-x; float:none;height:21px; margin:0; width:auto;}
#warp .content .contact .block .top .right {background:url(../images/contact-top-right.jpg) no-repeat; float:right; width:108px; height:21px; margin:0px;}
#warp .content .contact .block .top .left {background:url(../images/news-top-left.jpg) no-repeat; float:left; width:17px; height:21px; margin:0px;}
#warp .content .contact .block .med {background:url(../images/prices-med-left.jpg) repeat-y left; float:none; margin:0px;}
#warp .content .contact .block .med .in {margin:0px 5px; background:#FFF; float:none;}
#warp .content .contact .block .med .in form {width:500px; margin:5px 15px 0 0; float:right;}
#warp .content .contact .block .med .in form div {height:30px;}
#warp .content .contact .block .med .in form label {float:right; width:80px; text-align:right; line-height:25px;}
#warp .content .contact .block .med .in form input {-moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:1px 1px 2px #DFDFDF; border:1px solid #DFDFDF; float:right; font-family:tahoma; font-size:12px; height:20px; width:415px; text-align:right; direction:rtl;}
#warp .content .contact .block .med .in form input.submit {float:left; height:23px; margin:10px 0 0; padding:0 0 3px; width:50px; text-align:center; background:#FFF;}
#warp .content .contact .block .med .in form textarea {width:415px; height:150px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:1px 1px 2px #DFDFDF; border:1px solid #DFDFDF; text-align:right; direction:rtl; font-family:Tahoma; font-size:12px;}
#warp .content .contact .block .med .in td.left {background:#F9F9F9; border:1px solid #DFDFDF; float:right; width:695px; height:98px;}
#warp .content .contact .block .med .in td.left td {height:30px; background:#FFF; padding:0px 5px 0px 0px;}
#warp .content .contact .block .down {background:url(../images/prices-down.jpg) repeat-x; height:12px; float:none; margin:0px;}
#warp .content .contact .block .down .right {background:url(../images/prices-down-right.jpg) no-repeat; float:right; width:17px; height:21px; margin:0px;}
#warp .content .contact .block .down .left {background:url(../images/prices-down-left.jpg) no-repeat; float:left; width:17px; height:12px; margin:0px;}
#warp .content .contact .contacts {background:url(../images/contacts.png) no-repeat; float:left; width:365px; height:71px; position:relative; margin:0 0 0 4px;}

#warp .content .news {}
#warp .content .news .block {background:url(../images/news-med-right.jpg) repeat-y right; float:none; margin:0px;}
#warp .content .news .block .top {background:url(../images/news-top.jpg) repeat-x; float:none;height:21px; margin:0; width:auto;}
#warp .content .news .block .top .right {background:url(../images/news-top-right.jpg) no-repeat; float:right; width:94px; height:21px; margin:0px;}
#warp .content .news .block .top .left {background:url(../images/news-top-left.jpg) no-repeat; float:left; width:17px; height:21px; margin:0px;}
#warp .content .news .block .med {background:url(../images/news-med-left.jpg) repeat-y left; float:none; margin:0px;}
#warp .content .news .block .med .in {margin:0px 5px; background:#FFF; float:none; text-align:right; direction:rtl;}
#warp .content .news .block .med .in p a {color:#19507E;}
#warp .content .news .block .med .in img {float:right; margin:0px 10px 10px;}
#warp .content .news .block .med .in span {float:right; color:#19507E; direction:ltr; margin:0px 0px 10px;}
#warp .content .news .block .down {background:url(../images/news-down.jpg) repeat-x; height:12px; float:none; margin:0px;}
#warp .content .news .block .down .right {background:url(../images/news-down-right.jpg) no-repeat; float:right; width:17px; height:21px; margin:0px;}
#warp .content .news .block .down .left {background:url(../images/news-down-left.jpg) no-repeat; float:left; width:17px; height:12px; margin:0px;}

p {line-height:1.4; margin-bottom:12px}
#wrapper {width:578px; margin:40px auto 0;}
.sliderbutton {float:left; width:10px; padding-top:94px}
.sliderbutton img {cursor:pointer}
#slider {float:left; position:relative; overflow:auto; width:538px; height:180px; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:537px; height:300px;}
.pagination {float:left;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {}
li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}


#warp #footer {background:url(../images/footer.jpg) repeat-x; height:41px; margin:0 0 10px;}
#warp #footer .right {background:url(../images/footer-right.jpg) no-repeat; float:right; width:210px; height:41px;}
#warp #footer .right a {display:block; float:left; font-size:0px; height:12px; margin:15px 0 0; width:28px;}
#warp #footer .left {background:url(../images/footer-left.jpg) no-repeat; float:left; width:19px; height:41px;}