html {
  overflow-y:scroll;
	margin: 0px;
	padding: 0px;
	font-family: verdana, Arial, Tahoma;
	color: #616161;
	font-size: 8pt;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #9F9E9E;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: verdana, Arial, Tahoma;
	color: #616161;
	font-size: 8pt;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	background-color: #9F9E9E;
}

DIV {
    border: 0px black solid;
}
a:link, a:visited {
	text-decoration: underline;
	color: #4176A4;
}

a:hover, a:active {
	text-decoration: none;
	color: #2C5171;
}

#megadiv {
padding-top: 7px;
margin: 0 auto;
width:1000px;
}

.top {
float: left;
	width: 1000px;
	height: 103px;
	background-image: url(/images/top.jpg);
	background-repeat: no-repeat;
}

#logo {
	float: left;
	width: 1000px;
	height: 103px;
	background-image: url(/images/top.jpg);
	background-repeat: no-repeat;
}

.menutop {
	float: left;
	background-image: url(/images/bgmenu.gif);
	background-repeat: no-repeat;
	width: 972px;
	height: 30px;
	padding-left: 14px;
	padding-right: 14px;
}

.flash {

	float: left;
	width: 1000px;
	height: 227px;
}


.content {
	
	float: left;
	width: 950px;
	background-image: url(/images/bgcontent.gif);
	background-repeat: repeat-y;
	padding: 50px 0px 30px 300px;

}

.content02 {
	float: left;
	width: 1000px;
	background-image: url(/images/bgcontent02.gif);
	background-repeat: repeat-y;

}

.content03 {
	float: left;
	width: 967px;
	background-image: url(/images/bgcontent03.gif);
	background-repeat: no-repeat;
	padding: 0px 20px 20px 13px;
}

.bottom {
	float: left;
	width: 990px;
	height: 35px;
	background-image: url(/images/bottom.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	font-size: 8pt;
	color: #DCDCDC;
}

.butmenu {
	float: left;
	height: 20px;
	padding-top: 1px;
}

.butmenu:link, .butmenu:visited {
	text-decoration: none;
	color: White;
	padding: 8px 16px 0px 17px;
	background-image: url(/images/bgmenuon.gif);
	background-repeat: repeat-x;
	border-right: 0px solid #9F5800;
	font-weight: normal;
}

.butmenu:hover, .butmenu:active {
	text-decoration: none;
	color: white;
	background-image: url(/images/bgmenuoff.gif);
	background-repeat: repeat-x;
}

.lang {
	float: left;
	width: 100px;
	height: 20px;
	margin-left: 200px;
	_margin-left: 100px;
	margin-top: 20px;
}

.butkosik{
	float: right;
	height: 29px;	
	width: 100px;
	padding-top: 1px;
}

.butkosik a:link, .butkosik a:visited {
	width: 60px;	
	text-decoration: none;
	height: 21px;
	color: #865700;
	padding: 7px 0px 0px 40px;
	background-image: url(/images/kosikoff.gif);
	background-repeat: no-repeat;
	border-right: 0px solid #9F5800;
	border-left: 0px solid #9F5800;
}

.butkosik a:hover, .butkosik a:active {
	text-decoration: none;
	color: #6C4700;
	background-image: url(/images/kosikon.gif);
	background-repeat: no-repeat;
}

.prihlasen {
	float: right;
	width: 150px;
	height: 19px;
	color: #FAF0E2;
	padding-top: 9px;
	font-size: 7pt;
}

.prih a:link, .prih a:visited {
	color: #865700;
	text-decoration: none;
}

.prih a:hover, .prih a:active {
	color: white;
}

.de {background: url(/images/de.gif) no-repeat; float:right; width:31px; height:20px;}
.de:hover {background: url(/images/de.gif) no-repeat;background-position: 0px -20px;}
.cz {background: url(/images/cz.gif) no-repeat; float:right; width:31px; height:20px;}
.cz:hover {background: url(/images/cz.gif) no-repeat;background-position: 0px -20px;}
.eng {background: url(/images/eng.gif) no-repeat; float:right; width:31px; height:20px;}
.eng:hover {background: url(/images/eng.gif) no-repeat;background-position: 0px -20px;}
.it {background: url(/images/it.gif) no-repeat; float:right; width:31px; height:20px;}
.it:hover {background: url(/images/it.gif) no-repeat;background-position: 0px -20px;}
.hun {background: url(/images/hun.gif) no-repeat; float:right; width:31px; height:20px;}
.hun:hover {background: url(/images/hun.gif) no-repeat;background-position: 0px -20px;}
.fr {background: url(/images/fr.gif) no-repeat; float:right; width:31px; height:20px;}
.fr:hover {background: url(/images/fr.gif) no-repeat;background-position: 0px -20px;}
.rus {background: url(/images/rus.gif) no-repeat; float:right; width:31px; height:20px;}
.rus:hover {background: url(/images/rus.gif) no-repeat;background-position: 0px -20px;}
.pl {background: url(/images/pl.gif) no-repeat; float:right; width:31px; height:20px;}
.pl:hover {background: url(/images/pl.gif) no-repeat;background-position: 0px -20px;}

img {
	border: 0px;
	
}

.boxleft {
	float: left;
	width: 455px;
	padding-left: 40px;
}

.boxright {
	float: left;
	width: 430px;
}

.boxnovinky {
	float: left;
	width: 940px;
}

.nadpis00 {
	padding-bottom: 5px;
	line-height: 13px;
}

.nadpis00:link, .nadpis00:visited {
	text-decoration: none;
	color: #6A9BC5;
	font-size: 10pt;
}

.nadpis00:hover, .nadpis00:active {
	text-decoration: none;
	color: White;
}

.box {
	float: left;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	margin-right: 55px;
	margin-bottom: 20px;
}

.boxtop {
	float: left;
	width: 400px;
	height: 23px;
	background-image: url(../images/newtop.gif);
	background-repeat: no-repeat;
}

.boxmid {
	float: left;
	width: 368px;
	padding: 10px 15px 0px 15px;
	background-color: #F6F6F6;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.boxbot {
	float: left;
	width: 400px;
	height: 9px;
	background-image: url(../images/newbot.gif);
	background-repeat: no-repeat;
}

.boxnadpis {
	float: left;
	width: 300px;
	padding: 5px 0px 0px 15px;
}

.boxdate {
	float: left;
	width: 80px;
	padding: 5px 0px 0px 0px;
}

.boxnadpis02 {
	float: left;
	width: 550px;
	padding: 0px 0px 0px 15px;
}

.boxdate02 {
	float: left;
	width: 80px;
	padding: 0px 0px 0px 0px;
}


.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.novinky {
	float: left;
	width: 425px;
	height: 95px;
	background-image: url(../images/novinky.gif);
	background-repeat: no-repeat;
}

.clear {
	clear: both;
}

.leftbox {
	float: left;
	width: 193px;
}

.menuleft{
	float: left;
	width: 192px;
	padding-top: 0px;
}

.page {
	float: left;
	width: 680px;
	padding: 0px 0px 50px 0px;
}

.obsahbox {
	float: left;
	width: 700px;
	padding: 30px 0px 0px 40px;
	font-family: Arial, Helvetica, sans-serif;
}  


.obsah {
	float: left;
	width: 645px;
	background-image: url(../images/bgobsah.gif);
	background-repeat: repeat-y;
	padding: 10px 20px 10px 20px;
}

.nadpisbox {
	width: 700px;
	height: 100px;
	padding-top: 0px;
	margin-bottom: 20px;
}

.nadpis01 {
	float: left;
	color: #DFDBD5;
	font-size: 11pt;
	font-weight: bold;
	padding: 20px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
}

.nadpisobsah {
	float: left;
	width: 400px;
	color: #A29684;
	padding: 10px 0px 0px 23px;
	font-family: Arial, Helvetica, sans-serif;
}

.nadpisobr {
float: left;
	width: 193px;
	height: 100px;
}

.nadpis02 {
	color: #5A5A5A;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 10px;
}

.nadpis03 {
	color: #4b4848;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 15px;
}

h1 {
	color: #B1AD8F;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 680px;
}

.table01 {
	text-align: center;
	padding: 10px;
	border: 0px;
	background-color: White;
}

.table01 td{

	padding: 6px;
}

.login {
float: right;
	width: 250px;
	height: 20px;
}

input {
	height: 13px;
	background-color: White;
	border: 1px solid gray;
	width: 80px;
	font-size: 8pt;
	color: #8C8C8C;
}


.nadpis04 {
	color: #E88000;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 9px;
}


.leftobr {
	width: 193px;
	height: 100px;
	background-color: #2B7DAE;
}

.produktbox {
	width: 685px;
}

.obsahtopinfo {
	float: left;
	width: 665px;
	padding: 10px 10px 10px 10px;

}

.obrazky_radek {
width:640px;
float:left;
margin-left: 30px;
padding-top:15px;
text-align:justify;
}

.obsahtopinfo01 {
	float: left;
	width: 665px;
	padding: 10px 10px 10px 10px;
}

.produktobr {
	float: left;
	width: 180px;
	height: 205px;
	padding-top: 2px;
	background-image: url(../images/bgprodukt.gif);
	background-repeat: no-repeat;
	text-align: center;
}

.produktinfo {
	float: left;
	width: 450px;
	padding-left: 25px;
}

.vice a:link, .vice a:visited {
	float: right;
	color: white;
	background-color: #5A5A5A;
	padding: 4px 15px 5px 15px;
	line-height: 10px;
	margin-top: 20px;
	border: 0px solid #E1E1E1;
	text-decoration: none;
}

.vice a:hover, .vice a:active {
	color: #626262;
	background-color: #D6D6D6;
	text-decoration: none;
}

.produktkosik {
float: left;
	width: 250px;
	height: 38px;
	padding-left: 21px;
	margin-top: 20px;
}

.butkos {background: url(../images/butkos.gif) no-repeat; float:left; width:38px; height:38px;}
.butkos:hover {background: url(../images/butkos.gif) no-repeat;background-position: 0px -38px;}

.bgcenikos {
	float: left;
	width: 144px;
	height: 28px;
	margin-right: 0px;
	padding: 5px;
	padding-left: 10px;
	color: Yellow;
	font-size: 8pt;
	background-color: #A5A5A5;
}

.sdph {
	font-size: 7pt;
	color: #E6E6E6;
}

.right {
	float: right;
	margin-left: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.tech_right {
	float: right;
	margin-left: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.obrazek {
margin-top: 15px;
width :358px;
height: 250px;
}

.text_podpora {
	width: 240px;
	margin: 15px;
	margin-left:30px;
	margin-right:30px;
	text-align: justify;
}

.obal{
width: 670px;
}

.obal div{
float: left;
}

.objbox {
	float: left;
	width: 330px;
	height: 80px;
	background-color: #E8E8E8;
	margin-top: 10px;
	margin-left: 10px;
}

.objobr {
	float: left;
	width: 100px;
	height: 80px;
	background-color: #646464;
}

.objnadpis {
 	float: left;
	width: 200px;
	margin-bottom: 3px;
}

.objnadpis:link, .objnadpis:visited {
	text-decoration: underline;
	color: #4176A4;
}

.objnadpis:hover, .objnadpis:active {
	text-decoration: none;
	color: #2C5171;
}

.objinfo {
	float: left;
	height: 60px;
	padding: 10px;
	width: 200px;
}

.obrbox {
	float: left;
	margin-left:7px;
	margin-right:7px;
	width: 145px;
	text-align: justify;
	font-size: 7pt;
}


.table02 {
	float: left;
	background-color: White;
	width: 100%;
	border-collapse: collapse;
}

.table02 th{
	color: White;
	padding: 2px;
	text-align: center;
	border: 1px solid #3E4850; 	
	background-color: #E6B943;
}

.table02 td{
padding: 10px;
	border: 1px solid #3E4850;
}

.table02 .press_title {
	background-color: #FFFADB;
	color: #464646;
}

.table02 .press_intro {
	background-color: #EBEBEB;
}

.table02 .title {
	background-color: #EDEDED;
	font-size: 10pt;
	font-weight: bold;
	color: White;
	background-color: #505050;
}


.boxpro {
	float: left;
	width: 170px;
	height: 144px;
	border: 1px solid #CFCFCF;
	text-align: center;
	margin-right: 3px;
}

.boxpro01 {
	float: left;
	width: 160px;
	height: 144px;
	border: 1px solid #CFCFCF;
	text-align: center;
	margin-left: 5px;
	padding: 11px;
	margin-bottom: 30px;
}

.boxpro02 {
	float: left;
	width: 184px;
	height: 144px;
	border: 0px solid #CFCFCF;
	margin-left: 6px;
	padding: 3px;
}

.text03 {
	float: left;
	width: 300px;
	text-align: justify;
}

.text04 {
	float: left;
	width: 300px;
	text-align: justify;
	font-size: 7pt;
}


ul {

	margin-top: 5px;
	margin-bottom: 15px;
}

.boxgalery {
	float: right;
	height: 240px;
	width: 220px;
	padding-left: 20px;
}

.boxgaleryleft {
	float: left;
	width: 200px;
	height: 40px;
}

.boxgaleryright {
	float: left;
	width: 175px;
	height: 160px;
	padding-left: 25px;
}

.boxgalerysmall {
	float: left;
	width: 50px;
	height: 40px;
}

.ok {
	list-style: url(../images/ok.gif);
	padding-left: 100px;
 padding-right: 100px;
}

.ok2 {
	list-style: url(../images/ok2.gif);
	margin-left: 10px;
	_margin-left: 50px;
	padding-top: 10px;
}

.poimain {
float: left;
	width: 630px;
	height: 60px;
	padding-top: 10px;
	padding-left: 7px;
	border-top: 1px solid #CFCFCF;
}

.poi {
	float: left;
	width: 58px;
	height: 72px;
	font-size: 8pt;
	text-align: center;
	background-color: White;
	padding: 3px;
	line-height: 8pt;
	color: #9D9D9D;
}

.poinad {
	float: left;
	width: 200px;
	font-size: 11pt;
	color: #575757;
	font-weight: bold;
	padding-top: 15px;
}


.sipky {
	float: left;
	width: 68px;
	height: 75px;
	text-align: center;
	line-height: 8pt;
	color: #9D9D9D;
	font-size: 8pt;
	padding: 4px;
}



label {
float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
	font-size: 8pt;
}

.label02 {
float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	font-size: 8pt;
}

.form {
	margin: .3em 0;
	text-align: left;
	width: 600px;
	margin-left: 50px;
}

.form01 {
	margin: .3em 0;
	text-align: left;
	width: 300px;
	margin-left: 40px;
}

input, select, textarea {
	line-height: 10pt;
	border: 1px solid gray;
	font-size: 8pt;
	background-color: #F0F0F0;
	color: black;
	width: 200px;
}

.sernum {
	line-height: 10pt;
	border: 1px solid gray;
	font-size: 8pt;
	background-color: #F0F0F0;
	color: black;
	width: 180px;
}

.numbox {
	line-height: 10pt;
	border: 1px solid gray;
	font-size: 8pt;
	background-color: #F0F0F0;
	color: black;
	width: 30px;
	text-align: right;
}

.prih02 {
	line-height: 10pt;
	border: 1px solid gray;
	font-size: 8pt;
	background-color: #F0F0F0;
	color: black;
	width: 100px;
}

.celkem {
	background-color: #FF6347;
	color: White;
	font-weight: bold;
	text-align: center;
	line-height: 5px;
}

.butony {float: left;
	width: 455px;
	padding: 20px;
	text-align: right;
	height: 30px;
	margin-top: 0px;
}

.butony01 {float: left;
	width: 240px;
	padding: 10px;
	text-align: right;
	height: 30px;
	margin-top: 0px;
}

.butony02 {float: left;
	width: 170px;
	padding: 5px;
	height: 30px;
	text-align: right;
	margin-top: 0px;
}

.povinne {float: left;
	width: 450px;
	text-align: right;
	height: 30px;
	margin-top: 0px;
	font-size: 7pt;
	padding: 2px;
}


.but {
	background-color: #F0F0F0;
	background-repeat: no-repeat;
	height: 16px;
	color: #325D83;
	padding: 0px 10px 0px 10px;
	width: 70px;
	border: 0px solid;
}

.formsmall {
	font-size: 7pt;
}




/*------------------------------------------------------------- navigace produkty */

.text {
	float: left;
	width: 640px;
	margin: 15px;
	margin-left:30px;
	text-align: justify;
}

.popis_obr {
  font-size: 11px;
  text-align:center;
  font-style: italic;
  width:144px;
}

.nadpis05 {
	float: left;
	color: #EAEAEA;
	padding: 8px 0px 0px 15px;
	width: 680px;
	border-bottom: 1px solid #E8E8E8;
	background-color: #4E4E4E;
	border-left: 0px solid #383838;
	background-image: url(../images/bgline.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.nadpis06 {
	float: left;
	color: #EAEAEA;
	padding: 6px 0px 0px 15px;
	width: 680px;
	border-bottom: 0px solid #E8E8E8;
	background-color: #EDEDED;
	border-left: 0px solid #383838;
	background-image: url(../images/bgline03.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 22px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
}


.boxnadpis03 {
	float: left;
	width: 70px;
	padding: 1px 0px 0px 2px;
	color: White;
	font-size: 8pt;
	font-weight: bold;
}

.boxdate03 {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;

}

.linkbottom a:link, .linkbottom a:visited {
	text-decoration: none;
	color: #FFE2AC;
}

.linkbottom :hover, .linkbottom a:active {
	text-decoration: none;
	color: Yellow;
}

.text02 {
	float: left;
	width: 300px;
	text-align: justify;
}

.text05 {
	float: left;
	width: 430px;
	text-align: justify;
}

.text_center {
  width: 600px;
  text-align:center;
  margin: 0 auto;
  }

.right01 {
	float: right;
	width: 40px;
	height: 20px;
}

.right02 {
	float: right;
	width: 52px;
	height: 16px;
	text-align: center;	
	background-image: url(../images/bgright.gif);
	background-repeat: no-repeat;
	margin-right: 7px;
	_margin-right: 3px;
	padding-top: 2px;
}

.archnov {
	float: right;
	width: 120px;
	height: 16px; 
	margin-right: 90px;
	_margin-right: 40px;
	text-align: right;
}


.zakaznik {
	float: left;
	width: 680px;
	text-align: right;
}


#megadivintro {
background-image: url(../images/intro.jpg);
background-repeat: no-repeat;
position: absolute; left: 50%; top: 50%; margin-left: -352px; margin-top: -180px; width:700px; height:348px;
}

.introcz {background: url(../images/introcz.gif) no-repeat; float:left; width:93px; height:35px;}
.introcz:hover {background: url(../images/introcz.gif) no-repeat;background-position: 0px -35px;}

.introen {background: url(../images/introen.gif) no-repeat; float:left; width:93px; height:35px;}
.introen:hover {background: url(../images/introen.gif) no-repeat;background-position: 0px -35px;}

.introru {background: url(../images/introru.gif) no-repeat; float:left; width:93px; height:35px;}
.introru:hover {background: url(../images/introru.gif) no-repeat;background-position: 0px -35px;}

.intropl {background: url(../images/intropl.gif) no-repeat; float:left; width:93px; height:35px;}
.intropl:hover {background: url(../images/intropl.gif) no-repeat;background-position: 0px -35px;}

/*-------------------------------------------------------------------------- link */
.creative:link, .creative:visited {
	text-decoration: none;
	color: #D9D9D9;
	font-size: 8pt;
}

.creative:active, .creative:hover {
	text-decoration: none;
	color: #00FF7F;
}

.creative_box {
	background-image: url(images/upnet-bg.gif); 
	background-repeat: repeat-x;
	height: 19px;
	padding: 0px 3px 0px 3px; 
	width: 160px;
	text-align: center;
	margin: 0 auto;
	padding-left: 780px;
	color: #0F765A;
}

/*ROBERT*/
.two_col{}
.two_col .popis{
	float:right;
	width:480px;
}
.two_col .obrazek{
	float:right;
	width:136px;
	margin-right:54px;
	margin-left:20px;
}

/*pro vsechny*/
.vlevo{
float:left;
}
.vpravo{
float:right;
}
.center{
	text-align:center;
}
/*tabulka na strane update*/
.cenik-upgrade table{
	background-color:#ffffff;
}
.cenik-upgrade table th{
	background-color:#e6b943;
	color:#FFFFFF;
}
.cenik-upgrade table td{
	text-align:center;
	padding:0 4px;
}
.cenik-upgrade table tr.a td{
	background-color:#fffadb;
}
.cenik-upgrade table tr.b td{
	background-color:#ebebeb;
}
.cenik-upgrade table{}
.cenik-upgrade table{}
.cenik-upgrade table{}


.error404 {
	color: #FF2626;
	height: 22px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
}

.error404text {
	margin: -10px 0px 0px 310px;
}

.mena {
	width: 70px;
	border: 3px solid gray;
	height: 30px;
	margin-bottom: 10px;
}

/*--------------------------Novinky-------------------------------*/

.indexboxreg {
	float: left;
	width: 401px;
	height: 245px;
	background-image: url(../images/bgregistrace.jpg);
	background-repeat: no-repeat;
}

.indexboxnews {
	float: right;
	width: 450px;
	margin-right:80px
}

.indextopnews {
float: left;
	width: 430px;
	height: 39px;
	background-image: url(../images/topnews.jpg);
	color: white;
	padding: 8px 0px 0px 20px;
	font-weight: bold;
	font-size: 10pt;
}

.indexbottomnews {
float: left;
	width: 450px;
	height: 10px;
	background-image: url(../images/bottomnews.jpg);
	background-repeat: no-repeat;
}

.indexnews {
float: left;
	width: 428px;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	background-color: #f2f3e8;
	padding: 0px 10px 0px 10px;
}



.indextextreg {
	width: 200px;
	color: #4f4f4f;
	padding-left: 190px;
	padding-top: 10px;
}

.indexbutreg {
	position: relative;
	top: 150px;
	left: 275px;
	font-weight: bold;
	font-size: 10pt;
}

.indexbutreg:link, .indexbutreg:visited {
	text-decoration: none;
	color: #fff;
}

.indexbutreg:hover, .indexbutreg:active {
	text-decoration: underline;
	color: #fff;
}

.indexlinenews {
float: left;
	width: 450px;
	background-image: url(../images/pointnews.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
}

.indexbutnews {
	width: 370px;
	float: right;
}

.indexbutnews:link, .indexbutnews:visited {
	text-decoration: none;
	color: #5d6001;
}

.indexbutnews:hover, .indexbutnews:active {
	text-decoration: underline;
	color: #5d6001;
}

.indexdatenews {
	float: left;
	width: 72px;
	text-align: right;
	font-size: 8pt;
	color: #dd7a00;
}

.mail {
  padding-top: 3px;
}

.mail_support {
  width: 200px;
  height: 11px;
  border-color: rgb(255,0,51);
  border-style: dotted;
  border-width: 3px;
}

.mail_support div{
float: left;
}