/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background: url(imagenes/bg.gif) repeat;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #FFFFFF;}
a:visited {color: #009900;}
a:hover {color: #009900;}
a:active { color: #00CC00;}

h1 {
background-color: #000000;
font-size: 13px;
color: #00FF00;



 }
 
h2 {
font-size:10px;
color:#00FF00;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3:link {
font-size:13px;
color: #FFFFFF;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
border: 1px  double #000000;
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #000000;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 
/* --------------left and right navi------------- */

#menu {
 width:200px;
 background:#000000;
 margin-left: 0px;
 
 }

#navi {
list-style:none;
margin: 0px 0px 0px 40px ; 
padding:0;
}

#navi li {	
margin:2px;
padding:2px;
	
}

#navi li a:over{
color: #333333;
background:#333333;
text-decoration:none;

}

.imgmini {
float:left;
margin-right: 10px;
width:167px;
height:125px;

}

.imgmed {

width: 300px;
height:225;
text-align:center;
color:#FFFFFF;
margin-left:100px;
margin-bottom:20px;

}

.imgmed img {
border: 5px solid #666666;


}



#navi {
list-style:none;
margin:0;
padding:0;}

#navi li {
margin:2px;
padding:0;/
float:left;
}

.video{
margin-left: 70px;
width: 320px;

}
.videos {
width: 320px;
background:#000000;
margin: 0px 65px 0px 65px ;

}

#lista {
background:#000000;
overflow:auto;
padding-top:10px;
width: 320px;
height: 150PX;
margin: 0px 65px 30px 65px ;

}

.img_lista {
margin-bottom: 15px;
width: 100px;
padding-right: 5px;
background:#000000;
color:#FFFFFF;
border-right: 1px dashed #CCCCCC;
height:64px;
float:left;

}

.texto_lista a {
font-size:9px;
margin-bottom: 15px;
color: #FFFFFF;
text-decoration: none;
margin-left: 5px;
text-align:justify;
background:#000000;
width:175PX;
height:64px;
float:left;
}

.texto_lista a:hover {
font-size:10px;
margin-bottom: 15px;
margin-left: 5px;
background: #000000;
color: #00FF00;
cursor: pointer;
text-align:justify;
width:175PX;
height:64px;
float:left;
}

#navi li a {
display: block;
width:169px;
padding:4px 0;
padding-left: 30px;
text-decoration:none;
text-align:left;
font-size:11px;
color:#FFFFFF;
background-color:#000000;
}

#navi li a:hover {
color: #00FF00;
background-color: #333333}

#menu p:link {
background: #FFFFFF;
}

#left {
color:#FFFFFF;
 width:200px; 
 float:left; 
 margin-right:1px;
 }
 
 #center {
 border-left: 1px  dashed  #000000;
 border-right: 1px  dashed  #000000;
 width:460px;
 float: left; 
 padding-left:22px;
 padding-right: 22px;

 }
 
 #right {
 width:235px;
 text-align:center;
 float: right; 
 margin-left:1px;
 }



/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
}

p {
text-align: justify;
color:#FFFFFF;
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
	clear: left;
	height:auto;
	background-color:#000000;
	padding:0px;
	font-stretch: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 12px;
	font-variant: normal;
} 

#footer p {
text-align:center;
}