img, div, input {  }
body { background:url(../Images/dna-body.jpg)  repeat-x top #CBE2F4; font-family:Arial, Helvetica, sans-serif; margin:10px auto; }
.clear { clear:both}
ol, ul {margin:0; padding:0;  line-height:1.8em}
ol {list-style-type:decimal; margin-left:40px}


#header2 {
	background:url(../Images/dna-header.png) no-repeat;
	width: 980px;
	height: 155px;
	margin: 0 auto;
	behavior: url("./css/iepngfix.htc");
	padding:0;
	}
	
#apDiv1 {
	margin: 33px 0 0 23px;
	float: left;
	}
	
#apDiv4 {
	margin: 20px 20px 0 0;
	float: right;
}

	.imgbord {padding:2px; border:1px solid #CCCCCC; margin-left:5px}


input, textarea, select { border:1px solid #BFD6E5 }

#btn_bg
{
float:left;
width:235px;
overflow:hidden; display:inline; margin:-1px; padding-right:10px;
}

#mid
{
float:left;
width:970px;
border:0px solid #7F3FFF;
overflow:hidden;
padding:25px 0px 0px 10px;
margin:0;
}

#mid_left
{
float:left;
width:242px;
border:0px solid #7F3FFF;
overflow:hidden;
}


#mid_right
{
float:left;
width:240px;
border:0px solid #7F3FFF;
overflow:hidden;
margin:0px 0px 0px 20px;overflow:hidden;

}



#map
{
float:left;
width:244px;
height:204px;
background:url(../Images/dna-map.jpg) no-repeat;
overflow:hidden;
margin-top:5px;
}


#map_cnt
{
width:216px;
color: #e6f1ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 150px 0px 0 0px;
	text-decoration:none;
	}
#button {width:235px;float:left;background:url(../Images/dna-button.png) no-repeat;line-height: 32px; text-align:center; display:inline; margin:-1px ; padding-right:10px}
#buttona {padding-right:0px;width:235px;float:left;background:url(../Images/dna-button.png) no-repeat;line-height: 30px; text-align:center; display:inline; margin:-1px ; padding-right:10px}
#buttona:hover, #button:hover , div.sample_attach1:hover ,div.sample_attach:hover {background:url(../Images/dna-button-hover.png) no-repeat; cursor:pointer;color: #d2f2ff;}
#buttona:hover a, #button:hover a, div.sample_attach1:hover a ,div.sample_attach:hover a{color: #d2f2ff;}
#button a:link, #button a:visited , #buttona a:link  , #buttona a:visited{
	margin: 0px 0 0 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px 3px 0 1px;
	text-decoration:none;
	
 
}


#button a:hover , #buttona a:hover
{
color: #d2f2ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	
	}
#buttona {padding-right:0px}

#mid_mid
{
float:left;
width:452px;
border:none;
overflow:hidden;
margin:0px 0px 0px 15px; 
}


#video
{
	float:left;
	width:450px;
	height:296px
}

#btn_bg1
{
float:left;
width:244px;
border:0px solid #FF0000;
overflow:hidden;
}


#banner
{

width:980px;
height:137px;
background:url(../Images/dna-banner.jpg) no-repeat center left;
border:none;
overflow:hidden;
margin:7px 0px 0px 2px;
}


#banner1
{

width:980px;
height:137px;
background:url(../Images/dna-banner1.jpg) no-repeat center left;
border:none;
overflow:hidden;
margin:7px 0px 0px 12px;
}


#banner_cnt
{
float:right;
width:768px;
border:0px solid #FF0000;
overflow:hidden;
margin:15px 0px 0px 0px;
}


#mayor
{
color: #0f288a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align:left;
	
	padding:0px 0px 0px 0px;
	
	}
	
#border
{
float:left;
width:709px;
height:1px;
overflow:hidden;
margin:4px 0px 0px 10px;
border-bottom:1px solid #bdc6d8;
}

#la
{

float:left;
color: #042356;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left; width:auto
	
	padding:10px 0px 0px 0px;
	
	}
	
	
#laa
{
color: #e3070c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	
	}
	
	
	
#three_banners
{
float:left;
width:979px;
margin:10px 0px 0px 0px;
}


#expr_banner
{
float:left;
width:322px;
height:379px;
background:url(../Images/experience-banner.jpg) no-repeat;
}

#cali_banner
{
float:left;
width:322px;
height:379px;
background:url(../Images/quality-banner.jpg) no-repeat;
margin:0px 0px 0px 3px;
}

#serv_banner
{
float:left;
width:322px;
height:379px;
background:url(../Images/service-banner.jpg) no-repeat;
margin:0px 0px 0px 3px;
}

#banner_cnt1
{
float:left;
width:290px;
border:0px solid #FF0000;
overflow:hidden;
margin:0px 0px 0px 0px;
color: #686c70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding:50px 0px 0px 20px;
	
}



#banner_cnt4
{
float:left;
width:278px;
border:0px solid #FF0000;
overflow:hidden;
margin:0px 0px 0px 0px;
color: #686c70;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding:50px 0px 0px 20px;
	
}

#footer
{

width:971px;
border:0px solid #00BFAA;
padding:10px 0px 0px 9px; margin:auto
}

#footer1
{

width:977px;
border:0px solid #00BFAA;
padding:10px 0px 0px 7px; margin:auto
}

#footer_mid
{
float:left;
width:942px;
height:87px;
background:url(../Images/dna-footer-mid.jpg) repeat-x;
}

#footer_cnt_out
{
float:left;
width:930px;
padding:15px 0px 0px 27px;
}




#footer_cnt a:link, #footer_cnt a:visited
{
float:left;
border:0px solid #FF0000;
overflow:hidden;
margin:0px 0px 0px 0px;
color: #f7f9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	font-weight:bold;
	padding:00px 0px 0px 10px;
	text-decoration:none;
	
}

#footer_cnt a:hover
{
color:#98e1ff;
}


#footer_cnt1
{
float:left;
border:0px solid #FF0000;
overflow:hidden;
margin:0px 0px 0px 0px;
color: #f7f9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	padding:00px 0px 0px 5px;
	text-decoration:none;
	
}


#copy
{
float:left;
width:837px;
color: #f7f9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	
	padding:20px 0px 0px 3px;
	text-decoration:none;
	
}



.chromestyle{
width: 99%;
font-weight: bold;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background:url(../Images/dna-button.png) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position: absolute;
top: 0;
font:normal 12px Verdana;
line-height:18px;
/*background-color: white;*/
background-image:url(../Images/dna-drop-down-bg1.png) ;
background-repeat:no-repeat;
width: 224px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
visibility: hidden;
}




.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/*3rd inner page starts here*/



.middle_cnt_bg
{
float:left;
width:968px;
height:411px;
background:url(../Images/body-bg1.png) no-repeat;
padding:10px 0px 0px 0px;
}

#four_images
{

width:969px;
padding:12px 0px 0px 8px; margin:auto
}

#four_images1
{
width:969px;
padding:6px 0px 0px 7px;
 margin: 0 auto;

}

.cnt
{
float:left;
width:911px;
padding:7px 0px 0px 40px;
}


.heading
{
float:left;
width:315px;
}


.pol
{
float:left;
width:196px;
}


.pol_cnt
{
float:left;
width:196px;
float:left;
color: #15508f;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
text-align:left;

padding:19px 0px 0px 0px;
}


.esta
{
float:left;
width:868px;
color: #656668;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:left;
margin:15px 0px 0px 2px;
line-height:20px;
}

.dna
{
color: #d9232d;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:left;
padding:0px 0px 0px 0px;
font-weight:bold;
}


.solution
{

color: #0e2137;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:left;
padding:0px 0px 0px 0px;
font-weight:bold;
}



/*3rd inner page ends here*/

/* conocer page */

.conocer_middle_bg
{
float:left;
width:964px;
height:480px;
background:url(../Images/dna-bdy.jpg) no-repeat;
padding:10px 0px 0px 0px;
}

.middle_cnt
{
float:left;
width:930px;
border:0px solid #EE0000;
padding:1px 0px 0px 25px;
margin-top:0;
}
.middle_cnta { background:url(../Images/dna-lab.jpg) no-repeat right bottom}
.middle_cnt3
{
float:left;
width:930px;
border:0px solid #EE0000;
padding:0px 0px 0px 25px;
}

.middle_cnt4
{
float:left;
width:930px;
border:0px solid #EE0000;
padding:0px 0px 0px 10px;
}

.middle_cnt5
{
float:left;
width:930px;
border:0px solid #EE0000;
padding:0px 0px 0px 50px;
}
.middle_cnt5 input {width:200px}

.middle_cnt2
{
float:left;
width:940px;
border:0px solid #EE0000;
padding:0px 0px 0px 20px;
}

.middle_cnt1
{
float:left;
width:930px;
border:0px solid #EE0000;
padding:15px 0px 0px 25px;
}




.content1
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#656668;
text-decoration:none;
text-align:left;
width:897px;
padding:10px 0px 0px 4px;
}

.content2
{
font:Arial, Helvetica, sans-serif;
font-weight:13px;
color:#15508f;
}

.content3
{

float:left;
font:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#15508f;
font-weight:bold;
}

.content4
{
float:left;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#d9212c;
font-weight:bold;
}

.content5
{
font:Arial, Helvetica, sans-serif;
font-size:19px;
color:#15508f;
}

.content6
{
width:897px;
float:left;
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#656668;
text-decoration:none;
text-align:left;

padding:10px 0px 0px 4px; line-height:1.5em
}

.content7
{
width:770px;
float:left;
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#656668;
text-decoration:none;
text-align:left;
padding:10px 0px 0px 4px;
}

.content8
{
width:770px;
float:left;
font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#656668;
text-decoration:none;
text-align:left;
line-height:20px;
padding:10px 0px 0px 7px;
}

.content866
{

font-size:14px;
font:Arial, Helvetica, sans-serif;
color:#656668;
text-decoration:none;
text-align:left;
padding-right:10px;
padding-top:0;
margin-top:0;
}

.bcrumbs
{
float:left;
font-size:12px;
font:Arial, Helvetica, sans-serif;
color:#656668;
text-decoration:none;
text-align:left;
margin-bottom:30px;
width:100%;
}

p.content_9
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#656668;
text-decoration:none;
text-align:left;
width:897px;
padding:8px 0px 0px 8px;
}

.content_10
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#656668;
text-decoration:none;
text-align:left;
width:897px;
padding:10px 0px 0px 8px;
}


.content_11
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#656668;
text-decoration:none;
text-align:left;
width:897px;
padding:0px 0px 0px 109px;
}


h1
{

font:Arial, Helvetica, sans-serif;
font-size:20px;
color:#123962;
font-weight:bold; 
}

h2
{

font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#123962;
font-weight:bold; 
}


p.cnt13content8
{

font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
text-decoration:none;
margin:5px 0px 0px 25px; text-align:justify; width:784px; line-height:1.4em
}


.content_14
{
width:500px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#666666;
text-decoration:none;
padding:00px 0px 0px 0px;
}
.content_1400
{

float:left;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#666666;
text-decoration:none;
padding:00px 0px 0px 0px;
}

.content_15
{
width:674px;
float:left;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
text-decoration:none;
padding:10px 0px 0px 0px;
}


.content_16
{
width:674px;
float:left;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#666666;
font-weight:bold;
text-decoration:none;
padding:10px 0px 0px 0px;
}


.content_17
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
padding:6px 6px 0px 6px;
}

.mid_cnt_mid ul  {
padding-left: 0em;
margin-left:0px;
}


.mid_cnt_mid ul li {
margin-left:30px;
padding-bottom:10px;
text-align:left;
line-height:20px;
	list-style-type: disc;


}

ul.doc { margin-left:10px; }
ul.doc li.msg
{
padding: 3px 0 5px 18px;

background-repeat: no-repeat;
background-position: -0% 43%;
font:Arial, Helvetica, sans-serif;
font-weight:13px;
color:#656668;
text-align:left;
overflow:hidden;
line-height:20px;

}

/* hermanos Page */

.hermanos_bg
{
float:left;
width:966px;
height:198px;
background:url(../Images/dna-test1.jpg) no-repeat;
padding:10px 0px 0px 0px;
border:1px solid  #EE0000;
} 
li.msg1
{
list-style:decimal;
font:Arial, Helvetica, sans-serif;
font-weight:13px;
color:#656668;
margin: 10px -0px;
padding:-10px 0px 0px 0px;
}

.prueba_cnt_bg
{
float:left;
width:964px;
height:469px;
background:url(../Images/dna-bg.jpg) no-repeat;
padding:-15px 0px 0px 0px;
}
.contact_cnt_bg
{
float:left;
width:957px;
height:402px;
background:url(../Images/contact_dna.jpg) no-repeat;
padding:-15px 0px 0px 0px;
}


.content866 ul 
{
margin-left: 1em;
padding:0px;
margin-top:25px
}

.content866 ul li
{
background-image: url(../Images/bullet.gif);
background-repeat: no-repeat;
background-position: 0.4em 0em;
padding-left: 2.3em;
padding-bottom:10px;
text-align:left;
line-height:18px;
list-style:none;
margin-left: 0em;
}


.mid_cnt_part
{
float:left;
width:970px;
height:auto;
margin-left:10px;
margin-top:5px;
}

.mid_cnt_top
{
float:left;
width:964px;
height:20px;
}

.top_mid
{
float:left;
width:932px;
height:19px;
background:#FFFFFF;
border-top:1px solid #cfcfcf;
overflow:hidden;
}

.mid_cnt_mid
{
float:left;
width:960px;
height:auto;
background:#FFFFFF;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
overflow:hidden;
background-position:top;
}
 a 
{
color:#233E75;
text-decoration: underline
}


a:hover
{
text-decoration:none
}



.mid_cnt_mid a 
{
color:#233E75;
}

.mid_cnt_mid a:hover
{
text-decoration:none
}


.mid_cnt_mid1
{
float:left;
width:960px;
height:163px;
background:#FFFFFF;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
overflow:visible;
background-position:top;
}



.mid_cnt_bot
{
float:left;
width:964px;
height:20px;
}

.bot_mid
{
float:left;
width:932px;
height:14px;
background:#FFFFFF;
border-bottom:1px solid #cfcfcf;
overflow:hidden;
}


.box1
{

width:365px;
background:url(../Images/box1.jpg) no-repeat top;
margin:0px 0px 0px 0px;
font-size:13px
}


.box1out
{
width:100%; min-height:165px; position:relative
}

.box1bot
{
width:365px;
background:url(../Images/box-bot.jpg) no-repeat;
margin:0px 0px 0px 0px;
height:8px;
}


.box1 h1
{

margin:0px ;

}



.five
{

width:857px;
margin: auto;
}


.box
{
float:left;
width:365px;
background:url(../Images/dna-box.png) no-repeat;
margin:0px 0px 0px 0px;
padding-bottom:0;
}


.baj
{
width:285px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#1e5b9c;
font-weight:bold;
padding:5px 0px 0px 18px;
}


.cnt1
{
float:left;
width:340px;
padding:10px 0px 0px 7px;
margin-bottom:0;
}


.sol
{
width:226px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#656668;
text-decoration:none;
padding:13px 0px 0px 9px;
}

.sol1
{
font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#656668;
text-decoration:none;
padding:0px 0px 0px 0px;
}

.sol2
{
width:326px;
font:Arial, Helvetica, sans-serif;
font-size:13px;
color:#656668;
text-decoration:none;
padding:0px 0px 0px 0px;
}

.us
{
width:336px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#656668;
font-weight:bold;
text-decoration:none;
padding:5px 0px 0px 9px;
}

.content9
{
color:#1d62ab;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:30px 0px 0px 8px;
}


.three_icons
{
float:left;
width:950px;
padding:30px 0px 45px 10px;
overflow:hidden;
}

.icon
{
float:left;
width:285px;
padding:0px 0px 0px 00px;
overflow:hidden;
}


.tele
{
width:139px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:19px;
color:#15508f;
text-decoration:none;
padding:15px 0px 0px 0px;
}


.colom
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#656668;
text-decoration:none;
padding:5px 0px 0px 0px;
}


.box_model
{
float:left;
width:677px;
padding:20px 0px 0px 119px;
}


.box_model_top
{
float:left;
width:677px;
height:38px;
border:1px solid #cccccc;
background:#254589;
}


.offi
{
float:left;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:9px 0px 0px 100px;
}

.box_model_bot
{
float:left;
width:677px;
height:auto;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;

background:#fff;
}


.out_border
{
float:left;
width:677px;
height:auto;
background:#fff; font-size:12px
}


.paises
{
float:left;
width:145px;
height:auto;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.pai
{
width:130px;
float:left;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#123962;
font-weight:bold;
text-decoration:none;
padding:5px 0px 5px 000px;
}


.direction
{
float:left;
width:179px;
height:auto;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.di
{
width:179px;
float:left;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#123962;
font-weight:bold;
text-decoration:none;
padding:5px 0px 5px 000px;
}


.contacto
{
float:left;
width:208px;
height:auto;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.co
{
width:208px;
float:left;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#123962;
font-weight:bold;
text-decoration:none;
padding:5px 0px 5px 000px;
}


.sitio
{
float:left;
width:142px;
height:auto;
background:#fff;
border-bottom:1px solid #cccccc;
}

.si
{
width:142px;
float:left;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:15px;
color:#123962;
font-weight:bold;
text-decoration:none;
padding:5px 0px 5px 000px;
}


.dna_sol
{
float:left;
width:157px;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-decoration:none;
padding:15px 0px 0px 10px;
}

.dna_sol_1
{
float:left;
width:193px;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-decoration:none;
padding:15px 0px 0px 10px;
}


.dna_sol_2
{
float:left;
width:132px;
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-decoration:none;
padding:15px 0px 0px 10px;
}




.paises1
{
float:left;
width:145px;
height:140px;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}



.direction1
{
float:left;
width:179px;
height:140px;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}



.contacto1
{
float:left;
width:208px;
height:140px;
background:#fff;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}




.sitio1
{
float:left;
width:142px;
height:140px;
background:#fff;
border-bottom:1px solid #cccccc;
}


.form
{
float:left;
width:505px;
padding:30px 0px 0px 112px;
}


.form1
{

width:505px;
padding:30px 0px 0px 0px;
}


.content10
{
font-family:Arial, Helvetica, sans-serif;
color:#1562b0;
font-size:18px;
}


#maincolhome { width: 690px; margin-left: 15px; float: left; display: inline; }

#maincol { width: 690px; margin-left: 15px; float: left; display: inline; background: #ffffff; border: 1px solid #cccccc; }
#maincol h1 { padding: 10px; font-size: 18px; color: #123962; }
#maincol p { padding: 0 10px 10px 10px; font-size:14px }

.mypets {cursor:pointer; color:#666; text-decoration:none; border-bottom:1px dotted #CCC; font-size:14px;line-height:30px; }
.mypets h3 { margin:0; padding:0 10px; font-weight:normal;background:#F0FAFF; display:block; font-size:16px; margin:4px 0 }
.pasos-btn { display:block; float:left; width:364px; line-height:42px; text-align:center; color:#036; font-weight:bold ; background:url(../Images/dna-btn.jpg) no-repeat ; margin:0 55px 0 25px; text-decoration:none}
.pasos-btn:hover { background:url(../Images/dna-hover.jpg) no-repeat ; }

imga { background:none}

.font12 {font-size:12px}

 p { line-height:20px;}
 p {margin-top:0; }
.research-btn {
	left: 10px;
	text-align:center;
	padding:125px 0 0 0px
}
.research-btn a {color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
.research-btn a:hover { color:#CBEDFE}
.video {width:435px; float:left; height:auto;}
.contentarea { width:460px; float:left; height:auto; text-align:justify}
.contentarea h1 {font:Arial, Helvetica, sans-serif;
font-size:17px;
color:#123962;
font-weight:bold;margin:0; padding:0}
.contentarea h1 a {color:#123962; }
.contentarea  { font-size:12px;color:#656668;  }
.contentarea  strong { color:#123962; font-weight:bold; text-align:left}
small { color:#C00; font-size:12px}

body { font-size: 0.7em; }
h3   { font-size: 1.6em; margin: 0px; }
div.sample_attach
{
  display:  block;
  width:232px;
  line-height:30px;
  margin:0px 0px 0px 0px;
 
  background-image:url(../Images/dna-button.png)  ;
  background-repeat:no-repeat;
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  color: #FFFFFF;
 
}
a.sample_attach, a.sample_attach:visited 
{
  display: block;
  width:   220px;
  border:  0px solid black;
  padding: 8px 0px;
  text-decoration: none;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  color:#1562b0;
  
}
.sample_a
{
 
  text-decoration: none;
  
  
}


div#sample_attach_menu_child 
{
	width:229px;
	height:68px;
	background:url(../Images/dna-drop-down-bg1.png) no-repeat;
    height:99px;
	margin:-4px 0px 0px 4px;
	
 }
div.sample_attach1
{
  display: block;
  width:232px;
  line-height:30px;
  
  background-image:url(../Images/dna-button.png)  ;
  background-repeat:no-repeat;
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  color: #FFFFFF;
}



a.sample_attach,a.sample_attach1, a.sample_attach1:visited , a.sample_attach:visited 
{
  display: block;
  width:220px;
  padding:7px 0px;
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  color:#1562b0;
  text-align:center; 
  border-bottom:1px solid #c6cedf;margin-left:2px;margin-right:2px;
  
}
div#sample_attach_menu_child1 
{
	width:230px;
	height:223px;
	background:url(../Images/dna-drop-down-bg2.png) no-repeat;
  margin:-4px 0px 0px 4px;
 }
 

 
 
 div#sample_attach_menu_child2 
{
	width:230px;
	height:223px;
	background:url(../Images/dna-drop-down-bg1.png) no-repeat;
  margin:-4px 0px 0px 4px;
 }
 
 
 div#sample_attach_menu_child3 
{
	width:230px;
	height:285px;
	background:url(../Images/dna-drop-down-bg3.png) no-repeat;
  margin:-4px 0px 0px 4px;
 }
 
  div#sample_attach_menu_child4
{
	width:230px;
	height:380px;
	background:url(../Images/dna-drop-down-bg4.png) no-repeat;
  margin:-4px 0px 0px 4px; z-index:10000000;
 }


  div#sample_attach_menu_child5
{
	width:230px;
	height:380px;
	background:url(../Images/dna-drop-down-bg32.png) no-repeat;
  margin:-4px 0px 0px 4px; z-index:10000000;
 }


.sample_attach1:hover, .sample_attach:hover { color:#82C0FF; background:#ECF5FF; text-decoration:none}









.buttons a, .buttons button{
    
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#243D75;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#D0E5F8;
    border:1px solid #AFD1ED;
    color:#243D75;
}
.buttons a.positive:active{
    background-color:#243D75;
    border:1px solid #243D75;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/* buttons  */

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../Images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.red { background: #1E72CE; color:#fff; text-align:center }
.btn.blue { background: #3E609F; color:#fff; text-align:center  }
.btn.gray { background: #FF702B; color:#fff ; text-align:center }
.btn.teal { background: #006699; color:#fff ; text-align:center }

.btn.wht { background:  #8BD3FF; color:#fff ; text-align:center }
.btn.wht:hover { background-color: #405F9D; color:#fff ; text-align:center }


.btn:hover { background-color: #00438B; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../Images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn:hover { border-color: #a00; }