/* ------------- HTTML --------------- */
p
{
	padding: 0px 10px 0px 10px;
	color: #333333;
	text-align: justify;
}
li
{
	color: #333333;
}
body
{
	font-family: Verdana, Arial, Times New Roman;
	font-size: 12px;
	line-height: 16px;
	background-color: #333333;
}

input, select, textarea
{
	font-family: Verdana, Arial, Times New Roman;
	font-size: 10px;
}
a:link
{
	color: #004DEB;
	text-decoration: none;
}
a:visited
{
	color: #3E7DFF;
	text-decoration: none;
}
a:hover
{
	color: #004DEB;
	text-decoration: underline;
}
a:active
{
	color: #004DEB;
	text-decoration: none;
}
a:hover:visited
{
	color: #3E7DFF;
	text-decoration: underline;
}
img
{
	border-width: 0px;
}
H3
{
	font-size: 14px;
	color: #4C4C4C;
	text-align: left;
	margin-left: 10px;
}
br
{
	/*line-height:23px;*/
}


.error, .emailenviado
{
	display: block;
	background-color: #FFFF99;
	border: dotted 1px #666666;
	padding: 5px;
	text-align: center;
}
.error
{
	font-style: italic;
	color: red;
}

.emailenviado
{
	font-style: italic;
	color: black;
}
/* ---------- HTML ESPECIFICAS --------- */

/* Menu de la web */
.menu
{
	margin: 0;
	padding: 0;
	width: 200px;
	list-style: none;
	background: #444444;
}
.menu li
{
	padding: 0;
	margin: 0 0 1px 0;
	height: 40px;
	display: block;
}
.menu li a
{
	text-align: left;
	height: 40px;
	padding: 0px 25px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	display: block;
	background: url(    'Imagenes/MenuImages.png' ) 0px 0px no-repeat;
	text-decoration: none;
}
.menu li a:hover
{
	background: url(    'Imagenes/MenuImages.png' ) 0px -40px no-repeat;
	color: rgb(255,255,255);
}
.menu li a.active, .menu li a.active:hover
{
	background: url(    'Imagenes/MenuImages.png' ) 0px -80px no-repeat;
	color: rgb(255,255,255);
}
.menu li a span
{
	line-height: 40px;
}
.menu li a:hover:visited
{
	text-decoration: none;
}

.menuopcional
{
	padding: 0px;
	margin: 0px;
}
.menuopcional li /* Menu horizontal */
{
	display: inline;
	padding-left: 12px; /*background: url('imagenes/blue.png') no-repeat;*/
}
.menuopcional li:first-child /* Menu horizontal */
{
	padding-left: 0;
	margin-left: 0;
}



#Titulo /* Div que contiene el titulo de la pagina */
{
	height: 70px;
	overflow: auto;
}
#Titulo h2 /* Titulo de cada pagina, es un Div con un H2 dentro */
{
	font-size: 20px;
	text-align: center;
	color: #333333;
	margin-top: 25px;
	vertical-align: middle;
}
.DivFormLabels
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 190px;
	display: block;
	line-height: 24px;
}
.DivFormTextBoxs
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 270px;
	display: block;
}


.DivInfo
{
	background-color: #cccccc;
	width: 460px;
	padding: 5px;
	border-width: 1px;
	border-style: dashed;
	border-color: Black;
}

.DivImgCentrado /* Div que centra las imagenes */
{
	text-align: center;
}
.imgGlaAndGlobetrans /* para que las Imagenes logo_gla y logo_glove se alineen verticalmente con la imagen logo_ateia (AcercaDe.aspx > #DivAcercaDeImage */
{
	margin-bottom: 50px;
}
.imgBandera /* Imagenes de las Banderas de los diferentes idiomas */
{
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	cursor: pointer;
}
#Espacio /* Dentro de #DivMenu hay 2 elementos (menu y div con banderas). Esta div representa el espacio entre las dos, ya que una debe alinearse arriba y la otra abajo */
{
	height: 160px;
}
#Logo /* Imagen con el logo de Transmil */
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-color: #333333;
	background-color: White;
}
#Content /* Capa que contiene el contenido de cada seccion de la pagina, sin contar el titulo ( #DivContenido = #Titulo + #Contenido) */
{
	overflow: auto; /* SOLO INTERNET EXPLORER */
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: White;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: White;
	scrollbar-darkshadow-color: White;
	width: 480px;
	height: 480px;
}

#DivInfoContainers
{
	width: 480px;
	height: 350px;
}
.DivInfoContainersIzq
{
	width: 220px;
	float: left;
}
.DivInfoContainersDer
{
	width: 260px;
	float: right;
}

.DivIMDG
{
	text-align: center;
	width: 85px;
	margin: 0px 0px 0px 5px;
	float: left;
	height: 580px;
}
.DivIMDG p
{
	font-size: 9px;
	line-height: 8px;
	padding: 0px 0px 0px 0px;
	height: 35px;
	text-align: center;
}

.DivSellerColor
{
	width: 10px;
	height: 10px;
	background-color: #CC0000;
	margin: auto;
}
.DivBuyerColor
{
	width: 10px;
	height: 10px;
	background-color: #333399;
	margin: auto;
}
.DivSellerAndBuyerColor
{
	width: 10px;
	height: 10px;
	margin: auto; /*background-image:url('imagenes/RedBlue.gif');*/
}
.DivSellerAndBuyerColor div
{
	height: 10px;
	width: 5px;
	float: left;
	background-color: #333399;
}

.DivSellerAndBuyerColor div:first-child
{
	background-color: #CC0000;
}


.DivGrisTablaIMDG
{
	width: 10px;
	height: 10px;
	background-color: #666666;
	margin: auto;
}
.DivAzulTablaIMDG
{
	width: 10px;
	height: 10px;
	background-color: #333399;
	margin: auto;
}
.DivVerdeTablaIMDG
{
	width: 10px;
	height: 10px;
	background-color: #339900;
	margin: auto;
}
.DivRojoTablaIMDG
{
	width: 10px;
	height: 10px;
	background-color: #CC0000;
	margin: auto;
}
#TablaIncoterms
{
	width: 100%;
	font-size: 9px;
	line-height: 12px;
	position: relative;
	border-collapse: inherit;
	border-spacing: 0px;
	border-top: solid 1px Black;
	border-right: solid 1px Black;
}
#TablaIMDG
{
	width: 460px;
	font-size: 10px;
	line-height: 12px;
	border-collapse: inherit;
	border-spacing: 0px;
	border-top: solid 1px Black;
	border-right: solid 1px Black;
}
#CabeceraTabla
{
	font-size: 8px;
	background-color: #E0E0E0;
}
#TablaIncoterms td
{
	border-bottom: solid 1px Black;
	border-left: solid 1px Black;
}
#TablaIMDG td
{
	text-align: center;
	border-bottom: solid 1px Black;
	border-left: solid 1px Black;
}
.CeldaGris
{
	background-color: #E0E0E0;
}
#EXW, #FCA, #FAS, #FOB, #CFR, #CIF, #CPT, #CIP, #DAF, #DES, #DEQ, #DDU, #DDP
{
	padding: 2px;
	cursor: default;
}
/* -------------- LAYOUT --------------- */
#DivWeb
{
	/* Centrar la capa */
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -275px; /* Height /2 */
	margin-left: -475px; /* Width /2 */
	overflow: hidden;
	background-color: White;
	width: 950px;
	height: 550px;
	border: solid 4px White;
	padding: 5px;
}
#DivBanner
{
	width: 240px;
	height: 100%;
	background-color: #333333;
	float: left;
}
#DivMenu
{
	width: 200px;
	height: 100%;
	margin-left: 10px;
	background-color: #333333;
	float: left;
}

#DivContenido
{
	width: 480px;
	height: 100%;
	background-color: White;
	margin-left: 10px;
	float: right;
}


/******************* FORMULARIO Petición Ofertas *******************/



.formulario br
{
	clear: left;
}

.formulario label, .formulario input, .formulario textarea, .formulario div
{
	display: block;
	width: 240px;
	float: left;
	margin-bottom: 10px;
	vertical-align: middle;
}
.formulario select
{
	width: 125px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.formulario label
{
	text-align: right;
	width: 180px;
	padding-right: 20px;
	font-size: 87%;
	color: #454545;
	font-weight: bold;
}


.formulario div label, .formulario div input
{
	text-align: left;
	display: inline;
	float: none;
	margin-bottom: 0;
	width: auto;
}

.formulario .captchainput
{
	width: 80px;
}
.formulario span{ font-size:90%; color:#454545;}
/*
.formulario div.firstcolumn
{
		width: 220px;
	}
	
 
.formulario div.secondcolumn
{
 
		width:195px;
	}
	
	.formulario div.firstcolumn label
{
		width: 170px;
	}
	
	 .formulario div.firstcolumn input
{
		width: 50px;
	}
 .formulario div.secondcolumn input
{
		width: 50px;
	}
*/

.formulario input.firstcolumn,.formulario input.secondcolumn
{
	 width:70px
	}
	
.formulario label.secondcolumn
{
	width:85px}	
 
.validationsummary
{
	background-color: #FFDADA;
	border-width: 1px;
	border-style: dashed;
	border-color: Red;
	font-size: 90%;
}

.formulariobuttons
{
	margin-left: 190px;
}


/*************** Inofutil***************/


#infoutil
{
	margin-top:20px; text-align:center}
	
	#infoutil img{ margin-top:35px}
	
	/*

#infoutil img, #infoutil span
{
display: block;
	float: left;
	margin-bottom: 40px;
	vertical-align: middle;
}

#infoutil span{ padding-top:20px}
#infoutil img
{
	text-align: right;
	padding-right: 20px;
	font-size: 95%;
	color: #454545;
	font-weight: bold;
	vertical-align:text-bottom  ;
	padding-left:80px
}


#infoutil br
{
	clear: both;

}
*/