/* Hoja de estilo para Movizak */

* { margin: 0px; padding: 0px; } 
html 		{ min-height: 100%; }

body { 
text-align: center; 
font-family: arial, verdana, sans-serif; 
font-size: 12px; 
color: #333;
background:white url(imagenes/bg_page.gif) no-repeat 50% 0; 
line-height:18px; 
}

p, h1, h2, h3, ol, ul, dl { padding:2px 6px 8px; }
ol,ul,dl 
h1, h2, h3, ol, ul, dl { padding:8px 6px 3px; }

ol, ul, dir, menu, dd       		{ margin-left: 40px }
ol              					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol    		{ margin-top: 0; margin-bottom: 0 }

blockquote { 
width:80%; 
margin:10px auto; 
padding:0 26px;  
background:#FFF url(imagenes/bg_blockquote_side.gif) no-repeat 0 50%; 
}

#skip 				{ display: none; }

a img, :link img, :visited img { border: none; }

img 				{ display: block; }

a:link 				{ color: #C74848; text-decoration: underline; }
a:visited 			{ text-decoration: none; color: #C74848; }
a:hover, a:active 	{ color: #DB7C7C; }

.alignright		{ text-align: right !important; }
.floatright		{ float: right; }
.inline			{ display: inline; }

.clear	{ clear: both;}

.clearfix:after { 
contenedor:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 

.clearfix 		{ display:inline-block; } 
/*\*/ .clearfix { display:block; } /**/ 

h1		{ font-size: 20px; line-height: 18px;  }
h2 		{ font-size:18px; }
h3		{ font-size: 20px; color: #C74848; text-align:center;}

#todo 		{ width:760px; margin:0 auto; }

#cabecera 		{ 
position:relative; 
display:block; 
width:760px; 
/*height:106px;*/
height:213px;
/* background:#FFF url(imagenes/logo_header.gif) repeat-x;*/
background-color: #FFF;
background-image: url(imagenes/logo_header.png);
background-size: 760px 213px;
}

#barra 			{ 
display:block; 
width:760px; 
height:26px; 
margin:0; 
padding:0; 
list-style:none; 
text-align:center; 
background:#A13D3D url(imagenes/bg_nav.gif) repeat-x; 
}
#barra li 		{ float:left; width:150px;  }
#barra li a 		{ 
text-decoration:none; 
display:block; 
padding:0; 
height:1%; 
line-height:26px; 
color:#FFF; 
}
#barra li.on 		{ 
display:block; 
padding:0; 
width:120px; 
height:26px; 
line-height:26px; 
background:url(imagenes/bg_nav_on_2.gif) no-repeat 50% 0; 
color:#EFEFEF; 
}
#barra li a:hover { background:url(imagenes/bg_nav_on.gif) no-repeat 50% 0; }

#contenedor { 
width:740px; 
padding:50px 10px 0; 
min-height:543px; 
background:#FFF url(imagenes/bg_content.gif) no-repeat 0 0; 
text-align:left; 
}

* html #contenedor, * html #contenedor #lateral { height:543px; }

#contenedor #lateral { 
width:25%; 
float:left; 
min-height:543px;
background:url(imagenes/bg_left.gif) no-repeat 100% 50%;
}
#contenedor #lateral h2 { color:#000; font-size:12px; font-weight:600; }
#subbarra, #subbarra ul { margin:0; padding:0; list-style:none; }
#subbarra li { }
#subbarra li a { 
display:block; 
padding:5px;
height:1%; 
background:url(imagenes/bg_subnav.gif) no-repeat 100% 100%; 
text-decoration:none
}
#subbarra li a:hover { 
background:#E9D1D1 url(imagenes/bg_left_nav_on.gif) no-repeat 100% 0; 
text-decoration:none; }

#contenedor #contenido { width:75%; float:left; font-size: 14px;}

#pie { 
clear:both;
display:block; 
width:680px; 
padding: 10px 40px; 
margin:0 auto; 
background:#EEE9E8; -moz-border-radius:6px; 
font-size: 16px;
}

/**************************************************************
   Tablas
 **************************************************************/

table {
  width: 100%;
  margin-bottom: 10px; 
  background-color: #F5F5F5;
  font-size: 1em;
  border-collapse: collapse;
}

table caption {
  margin-top: 10px;
  padding: 0 0 0.5em 3px;
  font: 800 1.2em georgia, sans-serif;
  text-align: center;  
}

table th{
  text-align: center;
  vertical-align: top;
  padding: 4px 7px !important;
  padding: 6px 10px;
  border-bottom: 3px solid #fff;
  background-color: #E7F3FF;
}

table td {
  text-align: center;
  vertical-align: top;
  padding: 4px 7px !important;
  padding: 6px 10px;
  border-bottom: 3px solid #fff;
}

thead th {
  background-color: #A13D3D /*#F1FFE3*/;
  border-bottom: 3px solid #fff;  /*B8E78B;*/
  color:#FFF;
}

tbody tr.dark {
  background-color: #F5F5F5;
}

tbody td {
  border-bottom: 3px solid #fff; /*DDD;*/
}

tbody tr:hover {
  background-color: #E9D1D1 /*#FBFEDF*/;
}