@import "reset.css";
body { 
	color:#fff;
	line-height:18px;
	background:#fff url(/img/bg.gif) left 25% repeat-x;
	font-family:Arial
}
.clear{ clear:both} .right{ float:right} .left{ float:left} .right_20{ margin-right:20px} 


div.container{ 
	width:1000px;
	margin:0 auto;
	position:relative;
}
div.container.top{	
	border-top: 4px #404040 solid
}
div.header{ 
	background:url(/img/header.png) left top no-repeat;
	height:250px
}
div.links{
	padding-left:40px;
	padding-top:20px;
	float:left
}

a{ 
	text-decoration:none;
	color:#126ab5
}

ul.main_menu{ 
	float:right;
	margin:0;
	padding:20px 10px 0 0
}
ul.main_menu li{ 
	float:left;
	padding-right:25px
}
ul.main_menu li a{ 
	display:block;
	font-size:20px;
	font-family: 'BebasNeueRegular';
	font-weight:normal
}
ul.main_menu li a:hover{ 
	color:#85a638
}

#logo{ 
	display:block;
	position:absolute;
	left:10px;
	top:65px
}

div.monitoring{ 
	width:595px;
	height:170px;
	float:right;
	margin-top:30px;
}
div.monitoring > div{ 
	float:left;
	width:190px;
	padding-left:10px
}

div.monitoring > div h2{ 
	color:#679006;
	font-family: 'ProximaNovaRgBold';
	font-size:45px;
	line-height:45px;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:normal
}
div.monitoring > div h2 span{ 
	display:block;
	font-size:26px;
	line-height:24px;
	font-family: 'ProximaNovaLtRegular';
	font-weight:normal
}
div.monitoring > div h3{ 
	color:#2693cd;
	font-size:18px;
	font-family:'ProximaNovaRgRegular';
	font-weight:normal;
	line-height:20px;
	padding-bottom:16px;
	padding-top:12px
}
div.monitoring > div h3 span{ 
	color:#0b58a7;
	display:block;
	font-size:26px;
	line-height:32px;
	font-family: 'ProximaNovaRgBold';
}
div.monitoring > div h4 { 
	color:#878787;
	font-size:18px;
	font-family:'ProximaNovaRgRegular';
	padding-top:14px;
	font-weight:normal;
	padding-bottom:4px
}

div.monitoring > div p{ 
	color:#4e4e4e;
	font-family:Trebuchet MS;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:14px;
	padding-bottom:5px
}
div.monitoring > div p span{ 
	color:#2d75b2
}

div.monitoring > div input[type="text"]{ 
	color:#4e4e4e;
	font-family:Tahoma;
	font-size:11px;
	line-height:24px;
	height:24px;
	padding:2px 5px;
	margin-top:5px;
	margin-bottom:4px;
	width:153px;
	background:#ebebeb;
	border:1px #d3d3d3 solid;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:inset  2px 2px 1px #ddd;
	-webkit-box-shadow:inset  2px 2px 1px #ddd;
	box-shadow:inset 2px 2px 1px #ddd;
}
div.monitoring > div input.button{ 
	float:right;
	margin-right:25px;
	margin-top:-12px;
	border:1px #8d8d8d solid;
	text-shadow:1px 1px #d3d3d3;
	background:url(/img/bg_login.gif) left top repeat-x;
	line-height:21px;
	height:25px;
	padding-bottom:5px;
	color:#383838;
	font-size:11px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:55px
}
div.monitoring > div input.button:hover{ 
	color:#000;
	border:1px #787878 solid;
	background: url(/img/bg_login_act.gif) left top repeat-x;
	cursor:pointer
}
div.monitoring > div a{ 
	color:#3074ad;
	font-size:11px;
	line-height:14px
}
div.monitoring > div a:hover{ 
	text-decoration:underline
}
#search{ 
	background:url(/img/bg_search.gif) left top repeat-x;
	height:73px;
	margin-left:10px;
	margin-right:14px;
	width:978px
}

#search > span { 
	display:block;
	float:left;
	color:#dbdbdb;
	font-family: 'ProximaNovaRgRegular';
	line-height:73px;
	padding-left:20px;
	font-size:20px
}
#search > span > span{ 
	color:#b9d91b
}
#search .domane{
	color:#3e3f41;
	font-family:Arial;
	font-size:12px;
	line-height:24px;
	height:24px;
	padding:5px 5px;
	margin-top:20px;
	margin-left:20px;
	width:270px;
	background:#ebebeb;
	border:1px #d3d3d3 solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:inset  2px 2px 1px #ddd;
	-webkit-box-shadow:inset  2px 2px 1px #ddd;
	box-shadow:inset 2px 2px 1px #ddd;
}



/*  Search  */
#search .button_search{ 
	float:right; 
	background:url(/img/button_search.png) left top no-repeat; 
	border:0; 
	height:34px; 
	line-height:34px;
	color:#fff;
	font-size:14px;
	font-family:Arial;
	width:102px;
	margin-right:20px;
	margin-top:20px
}

#search .button_search:hover{
	color:#fff;
	background:url(/img/button_search_act.png) left top no-repeat;
	cursor:pointer;
	height:36px; 
	line-height:36px;
}

table.com{ float:right; display:block; margin-top:18px}
table.com td{ width:78px; color:#dbdbdb; font-family:Arial; font-size:12px; height:22px}
table.com td a{ color:#d5e031; text-decoration:underline}
table.com td a:hover{ text-decoration:none}
table.com td input{ margin-right:5px; float:left}


.m1{ background:url(/img/bg_m1.gif) left top repeat-y; width:192px; height:521px; float:left; margin-left:10px; margin-top:1px; position:relative; text-align:center}
.m1 .free_m1{ color:#bada1b; font-family:Trebuchet MS; font-size:58px; text-transform:uppercase; font-weight:bold; line-height:58px; width:100%; text-align:center; text-indent:-5px; padding-top:125px}

.m1 div.price{ font-size:68px; text-align:center; padding-top:14px; text-indent:10px}
.m1 div.price span{ top:184px; left:10px}
.m1 p.desc{ padding-top:25px; line-height:30px}

a.register_green{ display:block; width:120px; height:124px; line-height:124px; color:#fff; background:url(/img/bg_register.png) left top no-repeat; margin:0 auto; font-size:25px;  font-family: 'BebasNeueRegular';}

/* M - 2 - 9 */
.box{ width:785px; float:right; margin-right:13px; margin-top:1px}

div.block{ 
	background:#4589c3 url(/img/skin_1.gif) 50% top repeat;
	width:195px;
	float:left;
	margin:0 0 1px 1px;
	text-align:center;
	position:relative
}
div.title{ 
	color:#356fa1;
	font-family: 'NeouBold';
	font-size:40px;
	line-height:25px;
	text-shadow:-1px 1px 1px #5aa1dd;
	padding:15px 0px 12px
}

.box h1{ 
	color:#c5e5ff;
	font-family:Trebuchet MS;
	font-size:30px;
	line-height:24px;
	margin:0;
	padding:0 0 10px 0;
	text-shadow:-2px 2px 2px #2c587e
}

.box h1.free{ color:#aae71a}

div.line{ 
	border-top:1px #3c7ab0 solid;
	background:#509cde;
	margin-bottom:10px;
	clear:both;
	height:1px
}

div.price{ color:#fff;
	font-size:50px;
	line-height:35px;
	font-family: 'BebasNeueRegular';
	text-shadow:-2px 2px 2px #2c587e;
	padding-bottom:2px
}

div.price span{ 
	font-size:30px;
	position:absolute;
	left:26px;
	top:90px
}	
div.price small{ 
	font-size:24px;
	font-family:Trebuchet MS;
	font-weight:normal
}	
div.price i{
	font-size:30px;
	font-style:bold;
}

p.desc{ 
	font-size:12px;
	font-family:Arial;
	padding-bottom:12px;
	//padding-top:10px
}
ul.buttons{ 
	position:relative;
	left:50%;
	float:left;
	padding-bottom: 12px;
}
ul.buttons li{
	float:right;
	position:relative;
	right:50%;
}
a.register{ 
	display:block;
	height:37px;
	line-height:34px;
	padding:0 24px;
	background: url(/img/bg_pin.png) 50% top no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-family:Arial;
	//margin-right:25%
}
a.register:hover{ 
	background:url(/img/bg_pin_act.png) 50% top no-repeat
}

img.best_offer{ 
	position:absolute;
	right:-13px;
	top:-7px;
	z-index:10;
}
img.shadow{ margin-left:9px}

/* content */
div.content{  
	background:#ededed url(/img/bg_content.jpg) left top repeat-x; 
	padding-top:4px
}
div.left_column{ 
	float:left; 
	width:338px; 
	padding:55px 50px 45px 10px; 
	border-right:1px #d9d9d9 solid
}
div.right_column{ 
	float:left; width:530px; padding:55px 10px 40px 50px; border-left:1px #fff solid
}

div.content h1{ 
	color:#000; 
	font-size:30px; 
	line-height:30px;  
	font-family: 'ProximaNovaLtRegular'; 
	font-weight:normal; 
	white-space: nowrap; 
	padding-bottom:18px
}
div.content p{ 
	color:#3e3f41; 
	font-size:13px; 
	font-family:Arial; 
	padding-bottom:8px
}
div.content strong{ 
	color:#313233
}
div.tabla{ 
	display:table; zoom:1
}
div.content p a { 
	color:#798f0b
}
div.content p a:hover{ 
	text-decoration:underline
}
/* footer */
.footer{
	 background:#030507 url(/img/bg_footer.gif) left top repeat-x;
}
.footer ul{
	padding:30px 0 22px 10px;
	height:16px
}
.footer ul li{
	float:left;
}
.footer ul li a{
	display:block;
	font-size:16px;
	font-family: Trebuchet MS;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:30px
}
.footer ul li a:hover{ 
	color:#a8cf04
}
.footer p{
	color:#58585f;
	font-size:11px;
	font-family:Tahoma;
	padding-left:10px;
	padding-bottom:40px
}

div.big_box{ background:#f8f8f8; min-height:500px; margin-left:9px; margin-right:12px; padding:30px 45px 30px 45px; color:#000; font-size:14px}
div.big_box p{ padding-bottom:10px; color:#000; font-size:12px}
div.big_box h1{ color:#000; font-size:30px; line-height:30px; font-weight:normal; font-family: 'ProximaNovaLtRegular'; padding-bottom:20px}

div.big_box hr{  border:0; height:1px; border-top:1px #c4c4c4 solid; border-bottom:1px #fff solid; width:100%; margin-bottom:30px; margin-top:20px}
ul.list{ float:left; width:400px; margin-right:40px; padding-bottom:40px}
ul.list.last{ margin-right:0}
ul.list li { border-bottom:1px #fff solid}
ul.list li a{ line-height:38px; height:38px; display:block; color:#7f7f7f; font-size:14px; font-family:Arial; border-bottom:1px #c4c4c4 solid}
ul.list li a:hover{ text-decoration:underline; color:#000}


a.ancLinks{ display:block; float:right; text-transform:uppercase; color:#c4c4c4; font-size:12px; font-family:Arial; text-decoration:none; padding-right:20px; margin:22px 5px 0px; background:url(/img/arrow_on_top.png) right 6px no-repeat;}
a.ancLinks:hover{ color:#868686; background-position: right -31px}
div.example{ float:left; width:500px; padding-top:10px}
div.example span{ display:block; float:left; margin-left:5px; margin-right:30px; color:#7f7f7f; font-size:12px;}


div.big_box > table{margin-left:-45px;  display:block; clear:both;  width:979px; }

.table_title{ }
.table_title td{ font-size:18px; color:#2b2b2b; font-family:Trebuchet MS; 	text-shadow:1px 2px 4px #555; border-bottom:1px #c4c4c4 solid;  padding-bottom:8px; position:relative; }
.table_title td h1{text-shadow:none; position: absolute; }
.table_title td span{ display:block; font-family:Trebuchet MS; font-size:12px; text-shadow:none; line-height:16px}
.table_title td b{ display:block; color:#799e1d; text-transform: uppercase; font-weight:normal;  font-family: 'BebasNeueRegular'; text-shadow:none; font-size:14px; line-height:16px}


.table_normal td{ color:#2b2b2b; font-size:14px; font-family:Arial; padding-top:10px;  border-bottom:1px #c4c4c4 solid; padding-bottom:10px; background:url(/img/white.gif) left top repeat-x}
.table_normal td.top_10{ padding-top:20px}

.table_normal.upper td{ background:none; }
.table_normal.shadow td{text-shadow:1px 2px 4px #555; }
.table_normal.shadow td.black{text-shadow:none; }
.table_normal.last td{ border-bottom:0; padding-bottom:0; height:30px}

.table_normal td.gray{ color:#7f7f7f; font-size:12px}
.table_normal td.black{ color:#000; font-size:12px}
.table_normal td em{ font-style:normal; text-transform:uppercase; font-size:11px;}
.table_normal td.empty{ border-bottom:0; background:none}
.table_normal td img{ margin-bottom:-5px}

a.register_blue{ color:#fff; font-size:11px; background:url(/img/bg_register_blue.png) left top no-repeat; display:block; width:63px; height:32px; text-align:center; line-height:30px; font-family:Arial; font-weight:bold; letter-spacing:-0.04em; }
a.register_blue:hover{ background-position:left -36px; }

.small_title h2{ font-size:20px; color:#2e2e2e; font-family:Trebuchet MS; margin-bottom:15px; margin-top:30px}


td.bor_right{ border-left:#d3d3d3 1px solid; padding-left:10px}

/* Form */

.forms{ color:#000; font-size:14px}
.forms h3{ font-weight:bold; font-size:50px; line-height:50px; color:#2e2e2e; font-family:Trebuchet MS; text-shadow:0px 0px 10px #999898; margin-bottom:30px}
.forms h2{ font-family:Trebuchet MS; font-size:20px; color:#2e2e2e; line-height:20px; padding-top:20px; padding-bottom:18px; text-shadow:0px 0px 7px #999898; }

.forms a.register:hover{ background-position:left bottom; line-height:38px}
.forms div.row{ background:url(/img/bg_block.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:10px; text-align:left; position:relative}
.forms div.row > div { display:block; position:absolute; width:90px; text-align:left; right:0; top:0}
.forms div.row > div > b { font-size:16px; color:#2b2b2b; font-family:Arial}
.forms div.row > div > strong{ color:#000; font-family:Arial; line-height:18px;  text-shadow:0px 0px 5px #999898; font-size:16px}



.forms .grid_360{ width:360px}
.forms .grid_260{ width:252px}
.forms .grid_255{ width:230px}
.forms .grid_180{ width:192px}
.forms .grid_105{ width:105px}
.forms .grid_140{ width:133px}
.forms .grid_50{ width:50px}

.forms input, .forms select{ 
	border:0; 
	margin:0; 
	padding:0; 
	line-height:18px; 
	font-size:12px; 
	color:#000; 
	outline:none; 
	border:1px #d3d3d3 solid; 
	padding:10px; 
	border-radius:4px; 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-moz-box-shadow:inset 1px 1px 5px 0px #d3d3d3;
	-webkit-box-shadow:inset 1px 1px 5px 0px #d3d3d3;
	box-shadow: inset 1px 1px 5px 0px #d3d3d3;
	background:#fafafa
}
.forms select{ padding:9px}
.forms input[type="text"]:focus{ outline:1px #9fc307 solid}

.forms select, .forms input[type="text"] { margin-bottom:9px;}


.forms .account{ font-size:16px; font-family:Arial; color:#fff; text-align: center; width:181px; height:36px; display:block; background:url(/img/create_account.png) left top no-repeat; text-decoration:none; font-weight:bold; line-height:36px; margin-top:-8px; padding:0; border:0}
.forms .account:hover{ background-position:left bottom; line-height:36px; cursor:pointer; padding-top:1px}

.forms .login{ font-size:16px; font-family:Arial; color:#fff; text-align: center; width:141px; height:36px; display:block; background:url(/img/create_account.png) left top no-repeat; text-decoration:none; font-weight:bold; line-height:36px; margin-top:-8px;padding:0; border:0}
.forms .login:hover{ background-position:left bottom; line-height:36px; cursor:pointer; padding-top:1px}


.forms div.banners{ margin:15px 0px 30px; }
.forms div.banners > p { position:relative; padding-bottom:30px; }
.forms div.banners > p strong{ border:1px #d0d1d1 solid; border-bottom:0; border-top:0; display:block; background:url(/img/bg_banner.gif) left top repeat-x; height:60px; width:430px; text-align:center; padding-top:17px; font-weight:normal}

.forms div.banners > p strong b{ display:block; font-weight:bold; font-family:Trebuchet MS; font-size:25px; line-height:28px; text-shadow:1px 1px 3px #888;}

.forms div.banners > p:hover strong, .forms div.banners > p.active strong{ background: url(/img/bg_banner_act.gif) left top repeat-x; }
.forms div.banners > p:hover strong b, .forms div.banners > p.active strong b{ color:#2e2e2e }
.forms div.banners > p:hover{cursor:pointer}

.forms div.banners > p > span{ display:block; background:url(/img/bg_disk.png) left bottom no-repeat; width:18px; height:22px; position: absolute; bottom:0px; left:48%}
.forms div.banners > p:hover > span, .forms div.banners > p.active > span{ background:url(/img/bg_disk.png) left top no-repeat}

.forms div.forms{ display:none}
.forms div.example{ font-size:11px; color:#9c9c9c; font-family:Arial; margin-left:25px; display:block; float:left}

.forms span.grid_105{ line-height:34px}
.forms a.blue{ color:#2281ca}

 .top_4{ margin-top:4px} .right_10{ margin-right:10px} .left_20{ margin-left:20px}  .left_10{ margin-left:10px}  .top_11{ margin-top:-11px;}  .bottom_20{ margin-bottom:18px} .left_20{ margin-left:10px!important}

/* Fonts */

@font-face {
    font-family: 'NeouBold';
	src: url('neou-bold-webfont.eot');
	src: url('neou-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('neou-bold-webfont.woff') format('woff'),
         url('neou-bold-webfont.ttf') format('truetype'),
         url('neou-bold-webfont.svg#NeouBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'NeouThin';
	src: url('neou-thin-webfont.eot');
	src: url('neou-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('neou-thin-webfont.woff') format('woff'),
         url('neou-thin-webfont.ttf') format('truetype'),
         url('neou-thin-webfont.svg#NeouThin') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'BebasNeueRegular';
	src: url('bebasneue-webfont.eot');
	src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ProximaNovaRgBold';
	src: url('proximanova-bold-webfont.eot');
	src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#ProximaNovaRgBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ProximaNovaLtRegular';
	src: url('proximanova-light-webfont.eot');
	src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#ProximaNovaLtRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRgRegular';
	src: url('proximanova-regular-webfont.eot');
	src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#ProximaNovaRgRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*================== Contacts =========================*/
#ajax-contact-form label{
    width:210px;
    display:block;
    float:left
}
.submit_registry{
    background: url(/img/create_account.png) left top no-repeat;
    width:182px;
    height:36px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#fff;
    border:none;
    margin: 5px 0 0 210px;
    cursor:pointer;
	line-height:34px

}
.submit_registry:hover{ background-position:left bottom; }
    
.input_contact{
    background-color:#f3f3f3;
    width:320px;
    height:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#584c3f;
    border:1px solid #d3d3d3;
    margin-bottom:6px;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    padding: 0 10px;
    box-shadow: inset  3px 3px 20px 1px  #DDD;
	margin-top:-7px;
	margin-bottom:14px
}
    
.textarea_contact{
    background-color:#f3f3f3;
    width:455px;
    height:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#584c3f;
    border:1px solid #d3d3d3;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    box-shadow: inset  3px 3px 20px 1px  #DDD;
	margin-top:-7px;
	margin-bottom:7px;
	padding:10px
}

.cap{
    background-color:#f3f3f3;
    width:180px;
    height:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#584c3f;
    border:1px solid #d3d3d3;
    margin-bottom:6px;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    float: left
}  

.new_textarea{
    background-color:#f3f3f3;
    width:400px;
    height:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#584c3f;
    border:1px solid #d3d3d3;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    box-shadow: inset  3px 3px 20px 1px  #DDD;
	margin-top:7px;
	margin-bottom:7px;
	padding:10px;
	float:left;
	margin-right:25px
}
.tab_checkbox_new td{
	padding-top:15px;
	padding-right:20px
}

