html { 
  padding:0px;
  margin:0px;
}

body {
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #434343;
	padding: 0px 20px;
	margin: 0px;
}
p, h2 {
  padding:10px;
  margin:0px;
  color: White;
}


h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: White;
background-color: Black;
padding:5px 15px;
margin:0px
}
h1 span{
	text-transform: lowercase; 
	font-weight: normal; 
	padding-left: 260px;
	color: Aqua;
}
h1 span#pase{
	text-transform: lowercase; 
	font-weight: normal; 
	padding-left: 380px;
	color: Aqua;
}
h1 span#escap{
	text-transform: lowercase; 
	font-weight: normal; 
	padding-left: 350px;
	color: Aqua;
}


h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}	

a { 
color: white;
font-size: 12px;
background-color:transparent;
text-decoration: underline; 
}
a#home{
	text-decoration:underline;
	text-transform:lowercase; 
	font:normal 1em monospace;
}
a#home:hover{
	text-decoration: none;
	color: black;
	background-color: #f1f5ee;
}

p.present{
	width: 45%;
	color: #f1f5ee;
}
#cabecera{
	
	margin-top: 10px;
	margin-bottom: -15px;
}
#direc{
	position: absolute;
	margin-left: 360px;
	top: 5px;
	text-align: center;	
	font-size: 1.6em; 
	text-decoration: none;
	margin-bottom: -15px;
}
#logo{
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	float:none; 
}

.tunin {
   position: relative;
	margin-top: 0px;
	z-index: 1;
	margin-left: 730px;
}

a.tunin {
border: hidden;
}





/*  posicion elementos principales */
#todo {
	background-color: #CD853F;
	margin-top: 0px;
	height: 386px;
   max-height: 800px;
	max-width: 970px;
}
#menu {
  position: absolute;
  width: 40px;
  left: 20px;
  background-color: transparent;
  padding:0px;
  margin:0px
}
#content {
  margin-left: 225px;
  background-color: transparent/*#c1343d*/;
  height: 336px;
}
#optimizada {
	position: absolute;
	margin-left: 240px;
	top: 130px;
	color:  Black;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	
}

/*  estilo menu */
#menu
{
width: 18em;
/*border-right: 1px dotted #000;*/
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: none;
color: #333;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
border-right: 1px dotted #000;
}

#menu li
{
border-bottom: 1px solid white;
margin: 0;
}

#menu li a
{
display: block;
padding: 5px 5px 5px 0.7em;
border-left: 10px solid #919126;
border-right: 10px solid #D6DE64;
background-color: #7B7B20;
color: #fff;
text-decoration: none;
width: 100%;
font-size: 14px;
}

html>body #menu li a { width: auto; }

#menu li a:hover
{
border-left: 10px solid #DEDE83;
border-right: 10px solid #808000;
background-color: #919126;
color: #fff;
}

/* lista rotulos */
#listarotu li
{
display: inline;
list-style-type: inherit;
/*text-align: left;*/
text-transform: uppercase;
font-size: 5px;
position: relative;
left: -40px;
padding-right: 7px;

}
a.listarotu1 {
	color: #f1f5ee;
	text-decoration: underline;
}
a.listarotu1:hover {
	background-color: white;
	color: Black;
}


/*estilo de la tira de imagenes*/

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}