/*------------------------layout-----------------------*/
#site_center {text-align:center; background:url(../images/blacktop.jpg) left top repeat-x #feffe6;}
#main {
	width:800px;
	margin:auto;
	text-align:left;
}


.col_1, .col_2, .col_3, .column1, .column2, .column3, .column4 { float:left;}



#footer {height:68px;}



/*------------------------style---------------------------*/
* { margin:0; padding:0;}
body { background:url(../images/blacktop.jpg) left top repeat-x #feffe6; font-family:Tahoma; font-size:100%; line-height:1em; color:#FFF;}
.bg { background:url(../images/back.gif) left bottom repeat-x;}

/*in_line*/
img {	border:0;	margin: 0px;}



.more { color:#4171b5; font-weight:bold; background:url(../images/z_more.gif) center right no-repeat; padding-right:6px;}
.clear { clear:both;}
.alignright { text-align:right;}
b { color:#54544a; font-size:0.91666em;}


ul {margin:0px; padding:0; list-style:none;}
li {background:url(../images/button.gif) left no-repeat; padding-left:20px; line-height:1.9166em;}
li a { color:#2b2b26; text-decoration:none; background:url(../images/nonid2.gif) bottom left repeat-x;}
li a:hover {color:#2b2b26; background:none;}



/*color styles*/
.style1 {color: #990000}/*dark red capital letter*/



/*header*/
.main_menu { height:194px; margin-left:16px;}
.header_wrapper {	height:335px;	background:url(../images/background.png) left top no-repeat;}
.header_wrapper .pad { padding-left:17px;}


/*content*/
#content .indent { padding:0 36px 45px 34px; font-family:Arial; line-height:1.4166em; color:#2b2b26; font-size:0.75em;}
#content .box { width:740px;}

#middlebutton {	width:500px; height:20px; margin: 10px 150px 10px 150px; text-align:center;}
#middlebutton .button1 { width:200px; height:20px; float:left; text-align:left; margin: 0 50px 0 0;}
#middlebutton .button2 { width:200px; height:20px; float:left; text-align:right; margin: 0 0 0 50px;}

a.butt:link {	color:#ffffff;	text-decoration: none;	font-family:Tahoma;	font-size:1em;	line-height:1em;	font-weight: bold;}
a.butt:visited {color:#ffffff; text-decoration: none; }
a.butt:hover {color:#ffffff; text-decoration: underline; }
a.butt:active {color:#ffffff; text-decoration: none;}
#content .title {margin-bottom:5px;}
#content p { padding-bottom:16px;}
#content ul {	margin-bottom:0px;}

.column1, .column2, .column3 { border-style:solid; border-width:thin; border-color:#e7e8c4; background-color: #e7e8c4;}


/*footer*/
#footer { color:#5b5b4c; font-family:Arial; font-size:0.75em; text-align:center;}
#footer a { color:#5b5b4c;}
#footer .menu {	float:none;	padding-top: 10px;}
#footer .menu a { font-weight:bold; text-decoration:none;}
#footer .menu a:hover { text-decoration:underline; color:#2b2b26;}
#footer .fright {	float:none;	font-size:0.8em;	padding-top: 10px;}
#footer .menu .selected a{ color:#000;}

/*================== index.html ==================*/
#page1 #content .column1 
{ width:200px; height:310px; background:url(../images/authorized.jpg) no-repeat #e7e8c4; margin: 0 0 0 0; padding: 60px 10px 0 10px;}
#page1 #content .column2 
{ width:200px; height:280px; background:url(../images/movie.jpg) no-repeat #e7e8c4; margin: 0 0 0 30px; padding: 90px 10px 0 10px;}
#page1 #content .column3 
{ width:200px; height:350px; background:url(../images/linux.jpg) no-repeat #e7e8c4; margin: 0 0 0 30px; padding: 20px 10px 0 10px;}

/*================== index-1.html ==================*/
#page2 #content .column1 { width:445px; height:320px; background:url(../images/flag.jpg) no-repeat #e7e8c4; padding:30px 20px 0 10px;}
#page2 #content .column2 { width:200px; height:340px; background:#FFF; margin: 0 0 0 31px; padding:10px 10px 0 10px;}

.dynamo {text-align:center;}
.dynamo img {  margin: 0 0 5px 5px;}

/*================== index-2.html ==================*/
#page3 #content .column1 { width:190px; height:270px; background:url(../images/circuit.jpg) left bottom no-repeat; margin: 0 0 0 0; padding:30px 20px 0 10px;}
#page3 #content .column2 { width:190px; height:270px; background:url(../images/peach.jpg) left top no-repeat; margin: 0 0 0 32px; padding:30px 20px 0 10px;}
#page3 #content .column3 { width:190px; height:270px; background:url(../images/linux.jpg) left top no-repeat; margin: 0 0 0 32px; padding:30px 20px 0 10px;}

/*================== index-3.html ==================*/
#page4 #content .column1 { width:190px; height:250px; background:url(../images/avast.jpg) left bottom no-repeat; margin: 0 0 0 0; padding:30px 20px 0 10px;}
#page4 #content .column2 { width:190px; height:250px; background:url(../images/lock.jpg) left bottom no-repeat; margin: 0 0 0 32px; padding:30px 20px 0 10px;}
#page4 #content .column3 { width:190px; height:250px; background:url(../images/print.jpg) left bottom no-repeat; margin: 0 0 0 32px; padding:30px 20px 0 10px;}

/*================== index-4.html ==================*/
#page5 #box {width:740px; height:300px;}
#page5 #content .column1 { width:450px; height:280px; float:left; background:url(../images/globe.jpg) left top no-repeat; margin: 0 0 0 0; padding:10px 20px 0 10px;}
#page5 #content .column2 { width:190px; height:260px; float:left; background:url(../images/envelope.jpg) left top no-repeat; margin: 0 0 0 20px; padding:30px 20px 0 10px;}
#page5 #content .column3 {width:190px; border:none; background:none;}
#page5 .buttons input { width:auto; margin: 5px 0 5px 30px; float:right;}

/*================gracias=====================*/
#gracias .box { margin:auto; text-align:center; font-weight:bold; font-size:16px;}

/*==========================================*/
.input {color:#000; height:21px; width:206px; background:#fff; font-size:1em; font-family:Arial;}
textarea {background:#FFF; color:#000; border:solid 1px #c5c6a8; width:206px; height:69px; overflow:auto; font-family:Arial;}