body {	font-size:12px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	font-family: arial,verdana, geneva, helvetica;}
img{border:0}
p,h1,h2,h3,a,input,select,textarea,label,div,span,ul,li,td,th{font-family:Arial,Verdana,Helvetica;font-size:11px}
dl{font-family:11px normal Arial,Verdana,Helvetica;text-align:left;margin:7px 7px 3px 7px;color:#666666}
dt{font-weight:bold}
blockquote{margin:0 0 0 31px}
.bold1{font-weight:bold;}
.space1 {padding-left:20px;}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head 
h2 { background: transparent url(/images/greenbox.png) no-repeat bottom right; } 
.cssbox { width: 180px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 0px auto; /* use to position the box */ } /* set the top-right image */ 
.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 30px; /* right-image-gap + right-inside padding */  } /* set the top-left image */ 
.cssbox_head h2 {text-align:center;font-size:16px;color:#fff;background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 20px 0 10px 25px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
.cssbox_p {margin:-5px 0px 10px -15px; }

.cssboxa, .cssboxa_body, .cssboxa_head, .cssboxa_head 
h2 { background: transparent url(/images/greenbox.png) no-repeat bottom right; } 
.cssboxa { width: 200px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 0px auto; /* use to position the box */ } /* set the top-right image */ 
.cssboxa_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 30px; /* right-image-gap + right-inside padding */  } /* set the top-left image */ 
.cssboxa_head h2 {text-align:center;font-size:16px;color:#fff;background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 20px 0 10px 25px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.cssboxa_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
.cssboxa_p {margin:-5px 0px 10px -15px; }



.cssboxr, .cssboxr_body, .cssboxr_head, .cssboxr_head 
h2 { background: transparent url(/images/bluebox.png) no-repeat bottom right; } 
.cssboxr { width: 200px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 0px auto; /* use to position the box */ } /* set the top-right image */ 
.cssboxr_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */  } /* set the top-left image */ 
.cssboxr_head h2 { text-align:center;font-size:16px;color:#fff;background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 20px 0 10px 25px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.cssboxr_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
.cssboxr_p {margin:-5px 0px 10px -15px;}

a.a_box { color:#666;text-decoration:none;line-height:25px;font-size:11px;font-weight:bold;}
a.a_box:hover  { color:#009999;} 

a.a_box_2{ color:#666;text-decoration:none;line-height:20px;width:140px;font-size:11px;font-weight:bold;}
a.a_box_2:hover  { background-color:#666;color:#fff;width:140px;display:block;} 

a.a_box_3{ color:#666;text-decoration:none;line-height:20px;font-size:11px;font-weight:bold;}
a.a_box_3:hover  { color:#009999;text-decoration:underline;} 

a.a_box_4 { color:#009999;text-decoration:none;line-height:25px;font-size:11px;font-weight:bold;}
a.a_box_4:hover  { color:#666;} 

a.a_box_5{ color:#666;text-decoration:none;line-height:20px;font-size:11px;font-weight:bold;}
a.a_box_5:hover  { color:#3399cc;text-decoration:underline;} 

a.maga{ font-size:13px;font-weight:bold;color:666;text-decoration:none;}
a.maga:hover  { color:red;} 


.span_box { color:#666;text-decoration:none;line-height:25px;font-size:11px;cursor:pointer;}
/* Subsection Tabs
--------------------*/
#main ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	height:20px;
	clear:both;
	font-weight:bold;
}

#main ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
	background: #009999 url(/images/tab-unac-left2.gif) left top no-repeat;
}

#main ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:6px 6px 0 6px;
	background:  url(/images/tab-unac-right2.gif) right top no-repeat; 
	color:#fff;
	width:120px;
	text-decoration: none;
	font-family: arial,verdana, geneva, helvetica;
	font-size:14px;
}


#main ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#main ul.subsection_tabs li.tab a.active {
	color:#FFF;
	background:  url(/images/tab-act-right2.gif) right top no-repeat; 
}

#main ul.subsection_tabs li.source_code {
	float:right;
}

#mainr ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	height:20px;
	clear:both;
	font-weight:bold;
}

#mainr ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
	background: #3399cc url(/images/tabr-unac-left2.gif) left top no-repeat;
}

#mainr ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:6px 6px 0 6px;
	background:  url(/images/tabr-unac-right2.gif) right top no-repeat; 
	color:#fff;
	width:120px;
	text-decoration: none;
	font-family: arial,verdana, geneva, helvetica;
	font-size:14px;
}


#mainr ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#mainr ul.subsection_tabs li.tab a.active {
	color:#FFF;
	background:  url(/images/tabr-act-right2.gif) right top no-repeat; 
}

#mainr ul.subsection_tabs li.source_code {
	float:right;
}

#artisname {
	font-size:16px;font-weight:bold;height:40px;text-align:center;color:#666;padding-top:10px;
	background:  url(/images/barragris.gif) right top no-repeat; 
}

.centralbox {
	border:1px solid #999;
	width:750px;
	height:380px;
	background-color:#fff;
	padding:0px;
	z-index:10;
	overflow:auto;
}

.centralbox2 {
	border:1px solid #999;
	width:660px;
	height:380px;
	background-color:#fff;
	padding:0px;
	z-index:10;
	overflow:auto;
}

.youare {
	font-weight:bold;font-size:12px;color:#666;background-color:#fff;padding:3px;border:1px solid #ccc;text-align:center;
	margin:10px;width:170px;
	}

a.linkscr {
	font-weight:bold;
	text-decoration:none;
	color:#666;
	}
a.linkscr:hover {
	text-decoration:underline;
}

div.btnam {
	height:25px;
	width:120px;
	color:#fff;font-weight:bold;
	background:  url(/images/buttonam.gif) right top no-repeat; 
}
div.btnamch {
	height:25px;
	width:60px;
	color:#fff;font-weight:bold;
	background:  url(/images/buttonam_ch.gif) right top no-repeat; 
}

div.btnamchcl {
	height:25px;
	width:60px;
	color:#fff;font-weight:bold;
	background:  url(/images/buttonam_ch_cl.gif) right top no-repeat; 
}

div.btnar {
	height:25px;
	width:120px;
	color:#fff;font-weight:bold;
	background:  url(/images/buttonar.gif) right top no-repeat; 
}

div.btnor {
	height:25px;
	width:120px;
	color:#fff;font-weight:bold;
	background:  url(/images/buttonor.gif) right top no-repeat; 
}

div.barragris01 {
	width:540px;
	margin-right:10px;
	color:#fff;font-weight:bold;
	background:  url(/images/barragris01.gif) right top no-repeat; 
}


div.fondogris01 {
	min-height:400px;
	width:120px;
	color:#fff;font-weight:bold;
	background-color: #ececec; 
}

div.headgris01 {
font-size:16px;font-weight:bold;height:40px;text-align:center;color:#666;padding-top:10px;
}

.header_box {
	color:#fff;
	background-color:#009999;
	text-align:center;
	font-size:14px;
	padding:5px;
}

.body_box {
	padding:5px;
	overflow: auto;
}

.message_box {
	background-color:#fff;
	text-align:center;
	font-size:14px;
	width:300px;
	height:100px;
	border:5px solid #666;
	position:absolute;
	top:200px;
	left:250px;
	visibility:hidden;
	z-index:1000;
}

div#container{
width:20px;height:200px;
background:red;
border:ridge 1px #000;
overflow:hidden;
}

div#container div#medida{
background:#fff;
line-height:0;
height:70%;
}

a.butdetart {
	border:1px solid #ccc;
	background-color:#009999;
	font-weight:bold;
	color:#fff;
	width:116px;
	height:15px;
    padding:1px;
	text-decoration:none;
	display:block;
}

a.butdetart:hover  {
	color:#666; }
	
	
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}