@import url("/css/base.css");
@import url("/css/validator.css");
body {
	font: 100% Arial, Verdana, "Trebuchet MS", "Myriad Web";
	border: none;
	color: #000;
	background: #FFF;
	text-align:center;
	margin:0 auto;
	padding: 0;
	min-width:720px;
	width:98%;
}
/*
 Parte del documento destinada a la definición de identificadores.
*/
#header{
	width:100%;
	background-color: #336;
	color: #FFF;
	padding: 3px 0;
}
#header h1{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 10px;
	float: left;
	display: block;
}
#header span{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 0 10px;
	float: right;
	display: block;
}
#header-info{
	width:100%;
	padding:0;
}
#logoTienda{
	display: block;
	float: right;
	padding: 5px 0;
}
#logoEurolloyd a{
	text-decoration:none;
	width:250px;
	height:51px;
	background: url(../../images/logoeurolloyd.gif) no-repeat scroll center center;
	display:block;
	float:left;
}
#logoEurolloyd{
	margin: 10px;
}
#logoEurolloyd a span{
	display:none;
}
form#login{
	width:34%;
	min-width:273px;
	height:250px;
	min-height:200px;;
	position:absolute;
	left:31%;
	top:20%;
	background:#FFF;
	color:#000;
	padding:2%;
	/*border:5px solid #000;*/
}
form#login h2{
	font-size: 12px; 
	font-weight: bold; 
	color: #000;
}
form#login div{
	width:100%;
}
form#login div div{
	width:40%;
	float:left;
	margin:1% 2%;
}
form#login div div label{
	width:50%;
	cursor:pointer;
}
form#login input[type=text],input[type=password]{
	opacity:0.7;
}
form#login input[type=password]{
	color:#555;
}
form#login input[type=text]:focus, input[type=password]:focus{
	opacity:1;
	border-color:#F00;
}
form#login input[type=password]:focus{
	color:#F00;
}
form#login input#usuario_name{
	background:url(/img/icon_user.gif) no-repeat right;
	padding-right:20px;
}
input#usuario_pass{
	background:url(/img/icon_key.gif) no-repeat right;
	padding-right:20px;
}
form#login input#usuario_submit{
	margin-top:75px;
	margin-bottom: 10px;
}
form#login input#usuario_volver, form#login input#usuario_submit{
	width:80%;
}
#errorLogin{
	background-color: #F00;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
}
#naviDer{
/*
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
*/
	float: left;
	display: block;
	width: 170px;
	min-width: 190px;
	min-height: 150px;
	max-height: 150;
	height: 150px;
	background-color: #FFF;
	padding: 0;
}
#menuDer{
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#menuDer li{
	list-style: none;
	line-height: 16px;
	text-align: left;
	width: 190px;
	padding: 1px 5px;
}
#menuDer li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #999;
	vertical-align: middle;
	height: 16px;
	white-space: nowrap;
}
#menuDer li a:hover{
	/*padding-left: 18px;*/
	color: #C00;
	/*background: url(/img/arrow_right.png) no-repeat left;*/
}
#content-faq{
	width: 100%;
}
#content table#comis1 {
	width: 550px;
	margin: 0 auto;
	font-size: 12px;
	border-collapse: collapse;
	color:#000;
	padding:0.7px;
	background-color:#FFF;
	margin-bottom: 25px;
}
#content table#comis1 thead th {
 border: 1px solid #000;
 color:#FFF;
 text-align:center;
 padding:0.7px;
 background-color:#336;
 text-transform: capitalize;
 white-space: nowrap;
}
#content table#comis1 tbody td {
 border: 1px solid #336;
 white-space: nowrap;
 font-size: 10px;
}
#content table#comis1 tfoot {
 white-space: nowrap;
	font-size: 16px;
	border-collapse: collapse;
}
#content table#comis2 {
	width: 550px;
	margin: 0 auto;
	font-size: 12px;
	border-collapse: collapse;
	color:#000;
	padding:0.7px;
	background-color:#FFF;
	margin-bottom: 25px;
}
#content table#comis2 thead th {
 border: 1px solid #000;
 color:#FFF;
 text-align:center;
 padding:0.7px;
 background-color:#336;
 text-transform: capitalize;
 white-space: nowrap;
}
#content table#comis2 tbody td {
 border: 1px solid #336;
 white-space: nowrap;
 font-size: 10px;
}
#content table#comis2 tfoot {
 white-space: nowrap;
	font-size: 16px;
	border-collapse: collapse;
}
.tdverdeclaro{
	background-color: #9F6;
}
.tdDoradoClaro {
	background-color:#F5F4D8;
}
#content table#solicitudes{
	width: 75%;
	margin: 0 auto;
	font-size: 12px;
	border-collapse: collapse;
}
#content table#solicitudes thead th {
 border: 1px solid #336;
 color:#FFF;
 text-align:center;
 padding:2px;
 height:25px;
 background-color:#336;
 text-transform: capitalize;
}
#content table#solicitudes tfoot {
 color:#002084;
 padding:2px;
 margin-top:6px;
 border: none;
 border-top: 1px solid #336;
}
#content table#solicitudes tfoot tr, #content table#solicitudes tfoot td {
 border: none;
 border-top: 1px solid #336;
}
#content table#solicitudes tbody tr {
 background-color:#FFF;
 border:1px solid #336;
 cursor:default;
}
#content table#solicitudes tbody td {
 color:#999;
 padding:5px;
 text-align:center;
 border: 1px solid #336;
 text-transform: capitalize;
 font-weight: normal;
 font-size: 10px;
}
#content table#solicitudes tbody td a {
 color:#C00;
 text-align: left;
 text-decoration: none;
 text-transform: uppercase;
}
#content-faq h2{
	background-color: #336;
	color: #FFF;
	display: block;
	width: 70%;
	float: left;
	margin: 0 auto;
	text-align: left;
	padding: 1px 8px;
	font-weight: bold;
	text-transform: capitalize;	
	cursor: pointer;
	font-size: 14px;
	border-bottom: 2px solid #FFF;
}
#content-faq div{
	color: #000;
	display: block;
	width: 65%;
	float: left;
	text-align: left;
	padding: 1px 8px;
	font-size: 12px;
}
#content-faq div dl dt{
	color: 	#C00;
	font-weight: bold;
	font-style: italic;
}
#navipie{
	width: 90%;
	margin:0 auto;
	margin-top: 20px;
	background-color: #FFF;
	clear:both;
}
#menuPie {
  background-color: #336;
  color: #FFF;
  margin: 0;
  padding: 2px;
  text-align:center;
  width: 100%;
}

#menuPie a {
  color: #FFF;
  font-size: .88em;
  font-weight: normal;
  margin: 0;
  margin-right: 25px;
  padding: .19em .31em;
  border-bottom: none;
}

#menuPie li{
  background-color: #336;
  color: #FFF;
  display: inline;
  line-height: 150%;
  list-style: none;
  text-align: center;

}
/*
 * Definicion de clases para los elementos html
 */
p.info{
	margin:0;
	color: #999;
	text-decoration: none;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}
p.info span{
	color: #C00;
	font-style: italic;
	font-size: 90%;
}
.clear{
	clear:both;
	width:100%;
}
.relativo {
	display: none;
}
span.kminfo {
	font-size: 12pt;
	font-weight: bold;
	font-style:italic;
}
span.kminfo2 {
	font-size: 9pt;
}

/*
* Definicion de clases para el tarificador
*/	
#publicidad 
{
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 4px;
	text-align: left;
	line-height: 120%;
	font-size: 65%;
}

#publicidad2
{
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 4px;
	text-align: left;
	line-height: 200%;
	font-size: 65%;
}

.cierre
{
	font-size: 8pt;
	color: #CC0000;
	font-weight: bold;
}

a:link, a:visited

{
	font-size: 8pt;
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: underline;
/*
	text-decoration: none;
*/
}

a:hover
{ 
	color: #000000; 
/*	font-weight: bold;
*/
	text-decoration: underline;

}

h1 { font-size: 12pt; color: #000000; font-weight: bold; font-style: normal; text-decoration: none; }
h2 { font-size: 10pt; color: #000000; font-weight: normal; font-style: normal; text-decoration: none; line-height: 120%;}
b {	font-size: 8pt;	color: #000000;	font-weight: bold; font-style: underline; }
.blanco2 { font-size: 8pt; color: #FFFFFF; font-weight: none;}
.blanco10 { font-size: 10pt; color: #FFFFFF; font-weight: none;}
.blancotit { font-size: 16pt; color: #FFFFFF; font-weight: none;}
.blanco20 { font-size: 18pt; color: #000000; font-weight: bold;}
.blanco_online { font-size: 45pt; line-height: 90%; color: #FFFFFF; font-weight: bold; }
.white7 { font-size: 7pt; color: #FFFFFF; font-weight: none;}
.white12 { font-size: 12pt; color: #FFFFFF; font-weight: bold;}
.negro14 { font-size: 14pt; color: #000000; font-weight: bold;}

#info_contratacion
{
	width: 450px;
	height: 100%;
	background-color: #fff;
	padding: 5px;
	text-align: left;
}
/* incluir estilo relativo y demas del texto legal de eurolloyd */ 
.clear{
	clear:both;
	width:100%;
}
.relativo
{
	display: inherit;
}
.campo {
	color: #000;
	font-size: 9pt;
}
.mini {
	font-size: 8pt;
}

#principiokiosko {
visibility:hidden;
}