﻿body { background-color:#25AAAD;
      padding:0;
      font-family :Arial, Helvetica, sans-serif;
      font-size :12px;
      margin :0px auto auto auto;
      color  :#A3BBBE;    
}
p{margin:0px;padding:2px} 
     
#main_container{width:1000px;height:auto;margin:auto;padding:0px 18px 0px 18px;background-color:#FFFFFF;}  
#header{width:1000px;height:136px;background-position:0px 0px;margin:auto;background:url(images/LogoSyst-ECom.gif) no-repeat left; text-align:center;}
#mensaje{width:1000px; height:40px; background-color:#FFFDB8; color:#008083;font-size:20px; text-align:center}
#mensaje2{width:1000px; height:180px; background-color:#008083; color:#fff; font-size:10px;}
#mensaje3{width:1000px; height:40px; background-color:#fff; color:#1E1F1F;font-size:20px; font-weight:bold; text-align:center}

 /*-- menu tab --*/ 
#menu_tab{
 width:1000px;
 height:31px;
 padding:0px; 
 background-color:#08DADF;}
ul.menu{
list-style-type:none;
float:left; 
display:block;
width:982px; 
margin:0px;
padding:0 0 0 15px;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:30px;
}
ul.menu li.divider {
display:inline;
width:4px;
height:30px;
float:left;
background:url(images/separador.gif) no-repeat center;
}
a.nav:link, a.nav:visited {
display:block;
float:left; 
padding:0px 8px 0px 8px; 
margin:0 14px 0 14px;
height:30px;
text-decoration:none;
color:#fff;}

a.nav:hover{
display:block; 
float:left; 
padding:0px 8px 0px 8px; 
margin:0 14px 0 14px;
height:30px;
text-decoration:none;
color:#fff; background-color:#F50505}
 /*-------------left_content------------------*/
.left_content{width:200px; float:left; padding:0px; background-color:#fff; margin-right:5px; background:transparent url(images/l_brg.gif) repeat-y; border:1px #008083 solid;} 
.cl_t{background:transparent url(images/l_brg.gif) left no-repeat;}  
.l_brg{padding:2px 5px 2px 5px;background:#FFF url(images/l_brg.gif) repeat-y;}
.fl_b{background:transparent url(images/l_brg.gif) left no-repeat;}  

/*center content--------------------------*/
.center_content{width:550px;float:left;padding:0px; background-color:#fff; margin-right:5px; text-align:center; border:1px #008083 solid;} 
.cl_brg{width:550px; text-align:left;}
.cc_t{background:transparent url(images/cc_t.gif) top center no-repeat;}
.fc_b{padding:10px 10px 10px 10px;background:transparent url(images/cc_b.gif) bottom left no-repeat;}
/*----------------------right content--------------*/
.right_content{width:200px;float:right;padding:0px;background-color:#569801; background:transparent url(images/l_brg.gif) repeat-y; margin-right:40px; border:1px #008083 solid;}
/*----Titulos-----*/
.title_box{
width:100%;
height:30px;
margin:0 0 0 0;
text-align:center;
font-size:18px;
font-weight:bold;
color:#A3BBBE;
line-height:30px;
background:transparent url(images/l_brg.gif) no-repeat;}
/*-- Titulo del centro --*/
.center_title_bar{
width:100%;
height:31px;
float:left;
padding:0 0 0 0px;
margin:0 0 0 10px;
line-height:31px;
font-size:18px;
color:#A3BBBE;
font-weight:bold;} 
/*---------------contact_form------------------*/
.contact_form{width:355px;float:left;padding:0px 0 0 75px;}
.form_row{width:335px;clear:both;padding:10px 0 10px 0;color:#a53d17;}
label.contact{width:75px;float:left;font-size:12px;text-align:right;padding:4px 5px 0 0;color: #333333;}
input.contact_input{width:253px;height:18px;background-color:#fff;color:#999999;border:1px #DFDFDF solid;float:left;}

textarea.contact_textarea{
width:253px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:100px;
padding-top:25px; border-top: 1px dotted #aaa;}

.left_footer{
float:left;
width:160px;
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #aaa;
}
.right_footer a:hover{
text-decoration:underline;
color:#111;
}
.center_footer{
float:left;
width:575px;
text-align:center;
color:#666666;
font-size:12px;
padding:5px 0 0 15px;
}
.maintitlat{ 
color:#ffffff; 
font-size:8pt; 
text-transform :uppercase; 
padding:10px 0px 5px 0px; 
font-weight: normal; 
letter-spacing : 2px; 
margin: 0px 0px 0px 0px; 
background:url(images/headerh2.gif) no-repeat top; 
width:400px;
height:34px;
}
.mainleft{ 
width:400px; 
padding: 0px 0px 10px 0px; 
background-color : #ffffff; 
border:1px solid #018389;
margin-right:5px;
margin-bottom:5px;
}  
.cuerpomain{width:370;
padding:5px 10px 10px 10px;
font-weight:normal;
font-size:10pt;
text-align:justify;
}

