body{
	background-color:#E8E8E8;
	font-family: arial, sans-serif;
}
#contenedor{  
  width:750px;
  /*width:100%;*/
  margin: 0 auto;
}

div#pie{
  font-family:verdana;
  background: #FFFFFF url("/img/logopie.gif") no-repeat 95% 50%;
  font-size:60%;
}

.cuadrodos {
  display:block; 
  background:#FFF; 
  border-left:1px solid #000063;
  border-right:1px solid #000063;
  overflow:auto;
  color:#000;
}

.contenidocuadrodos {
  display:block; 
  background:#FFF; 
  border:0 solid #000063; 
  border-width:0 1px; 
  color:#000;
  padding-left:10px;
  padding-right:10px;
}

html>body .contenidocuadrodos{
	overflow:auto; /*por bug de IE no se coloca en .contenidocuadrodos*/
}

div.contenidocuadrodos td{
	color:#000063;
	background-color:#FFF;
	font-family: arial, sans-serif;
	/*border: 1px solid #000063;*/
	/*font-size:80%;*/
	padding:5px;
}
table.normal td{
	font-size:70%;
}

html>body table.normal td{
	font-size:60%;
	/*se ve muy pequeño en internet explorer*/
}

table.normal td.total{
	font-weight:bold;
	color:#000;
}
table.normal input{
	background:#FFF; /*bug en internet explorer con checkboxes y radios*/
}
div.contenidocuadrodos table {
	border-collapse:collapse;
	border-spacing:0;
	/*border: 1px solid #000063;*/
	margin-bottom:0;
	margin-right:1px; /*bug internet explorer*/
}
div.contenidocuadrodos li,.cuadrodos li{
	/*padding-bottom:5px;*/
	/*font-size:80%;*/
	font-size:100%;
	text-align:justify;
	/*margin-right:20px;*/
}
ul.normal li,ol.normal li,ul.ultimo li, ol.ultimo li{
	padding-bottom:5px;
	font-size:80%;
	text-align:left;
	margin-right:20px;
}
ul.normaljust li,ol.normaljust li,ul.ultimojust li, ol.ultimojust li{
	padding-bottom:5px;
	font-size:80%;
	text-align:justify;
	margin-right:20px;
}
div.contenidocuadrodos li ul li,div.contenidocuadrodos li ol li{
	font-size:100%;
	text-align:justify;
	/*margin-right:20px;*/
}
th{
	border: 1px solid #000063;
	color:#000;
	background-color:#FFF;
	font-weight:bold;
	font-size:90%;
	padding:5px;
}
p{
	font-family: arial, sans-serif;
	text-align:justify;
	font-size:80%;
}
img{
	border:0px;
}
input{
	/*background-color:#000063;*/
	color:#FFF;
	border: 1px solid #FFF;
	font-weight:bold;
}
input[type=text]{
	background-color:#000063;
}
fieldset{
	width:350px;
	border: 1px solid #000063;
	margin-bottom:10px;
}
fieldset p{
	font-size:100%;
}
legend{
	font-family: tahoma,sans-serif;
	font-weight:bold;
	background: #000063;
	color:white;
}

.cuadro {background: transparent; margin:0px 0px 2px 0px;clear:both;}

.carriba, .cabajo {display:block; background:transparent; font-size:1px;}
.cb1, .cb2, .cb3, .cb4 {display:block; overflow:hidden;}
.cb1, .cb2, .cb3 {height:1px;}
.cb2, .cb3, .cb4 {background:#000063; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.cb1 {margin:0 5px; background:#FFF;}
.cb2 {margin:0 3px; border-width:0 2px;}
.cb3 {margin:0 2px;}
.cb4 {height:2px; margin:0 1px;}

.cb10, .cb20, .cb30, .cb40 {display:block; overflow:hidden;}
.cb10, .cb20, .cb30 {height:1px;}
.cb20, .cb30, .cb40 {background:#FFF; border-left:1px solid #000063; border-right:1px solid #000063;}
.cb10 {margin:0 5px; background:#000063;}
.cb20 {margin:0 3px; border-width:0 2px;}
.cb30 {margin:0 2px;}
.cb40 {height:2px; margin:0 1px;}

.contenidocuadro {
  display:block; 
  background:#000063;
  border:0 solid #FFF; 
  border-width:0 1px;
  /*overflow:auto; Bug de IE no permite crecer el cuadro, debo usar height*/
  height:170px; /*deberia tener la altura de la imagen de propaganda del cuadro superior*/
  padding-left:10px;
}
.contenidocuadro h1{
	position:relative;
	/*top:30px depende del tamaño del logo*/
	margin-bottom:0px;
	clear:left;
}
.contenidocuadro #propaganda{
	float:right;
}

.contenidocuadro img#logoblanco{
	float:left;
}

h1{
	margin-top:0;
	color:#000063;
  font-family: impact;
  font-size:20px;
  font-weight:normal;
  background: #FFF url("/img/barratitulo.png") no-repeat 0% 100%;
  height:40px;
}

h2.primero{
	margin-bottom:0;
	margin-top:0;
	text-align:justify;
}
p.ultimo,ul.ultimo,ol.ultimo{
	margin-bottom:0;
	text-align:justify;
}
p.primero,u.primero{
	margin-top:0;
	text-align:justify;
}
h2{
	color:#000063;
	font-size:100%;
	font-family: verdana, serif;
}
h3{
	font-size:90%;
}
h4{
	font-size:80%;
}
span.imagen{
	display:block;
	font-size:80%;
	color:#000063;
}
span.resaltado{
	color:#000063;
	font-family: impact,serif;
}

span.enfasis{
	color:#000063;
	font-family: verdana,serif;
	font-weight:bold;
}

span.italica{
	font-style:italic;
}
.cuadroderecho {
  display:block; 
  background:#FFF; 
  color:#000;
  float:right;
  width:20%;
}
.cuadroderechodos {
  display:block; 
  background:#FFF; 
  color:#000;
  float:right;
  width:75%;
  padding-left:1px; /*necesario para que IE no corte las tablas*/
}
.cuadroderecho img{
	margin-bottom:20px;
}
.cuadroizquierdo {
  display:block; 
  background:#FFF; 
  color:#000;
  padding-left:10px;  
  float:left;
  width:75%;
}

.cuadroizquierdodos {
  display:block; 
  background:#FFF; 
  color:#000;
  padding-left:10px;  
  float:left;
  width:20%;
}

#contenido{
	height:310px;
}

html>body #contenido{
	height:auto;
	min-height:310px;
}

form.tabla{ 
  font:90% verdana,arial,sans-serif;
  margin: 0 auto;
  padding: 0;
  min-width: 520px;
  max-width: 700px;
  width: 520px; 
}

form.tabla fieldset {
  border: #000063 1px solid;
  padding: 10px;       
  margin: 0;
  width:100%;
}

form.tabla fieldset legend {
	font-size:100%;
	font-weight:bold;
	color:#000063; 
	background:#FFF;
}

form.tabla label { 
	display: block;
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: right;
	color:#000063;
	font-weight:bold;
	font-size:90%; 
}

form.tabla fieldset label:first-letter {
	text-decoration:underline;    
}

form.tabla select, form.tabla input, form.tabla textarea {
	/*quite form.table span*/
	width:auto;      
	margin:5px 0 0 10px; 
	font:90% courier-new,monospace;
	font-weight:bold;
	background:#FFF;
	color:#000063;
	border: 1px solid #000;
}

form.tabla span{
	width:auto;      
	margin:5px 0 0 10px; 
	font:90% courier-new,monospace;
	font-weight:bold;
}

form.tabla br {
	clear:left;
}

#imprimir,#enviar,input.enviar{
	color: darkblue; 
	font: small verdana,arial,sans-serif;
	font-weight: bold;
	text-align:center;
	background:#FFF;
	border:1px solid #000063;
}

p.enviar{
	text-align:center;
}

#errores{
	border:1px solid red;
	width:50%;
	margin: 0 auto;
	margin-bottom:10px;
}
#errores li{
	color:red;
	font-size: small;
	padding-right:10%;
}
p.exito{
	color:#000;
	font-weight:bold;
}

a:visited,a:link,a:active{
	color:blue;
}
div#noticias{
	width: 310px;
	height: 80px;
	padding: 5px;
	font-size:90%;
}
div#productosportada{
	float:left;
	margin-top:20px;
}
div#marconoticias{
	padding-top:20px;
	float:right;
	margin-top:20px;
	background: url("/img/noticias_catatumbo.gif") no-repeat top right;
}
div#clinicasportada{
	float:right;
	margin-top:10px;
}
div#cotizadoresportada{
	float:left;
	margin-top:20px;
}
div#mapasucursales{
	clear:right;
	float:right;
	margin-top:10px;
}
div.centrar,p.centrar{
	text-align:center;
}
p.pie{
	margin-left:10px;
}