/*
 +-------------------------------------------------------------------+
 |                    Funciones LINGUASERVE.com.es               		     |
 |                          			                             |
 |                                                                   |
 | Copyright EXTERNALIZA               								 |
 | Created: Dic. 13, 2013               Last modified: Dic. 13, 2013 |
 +-------------------------------------------------------------------+

======================================================================================================
Naranja LINGUA:		#ea640d
Azul LINGUA:		#1e2d85
Fondo Cabecera:		#e1dae7

*/

/*
 +-------------------------------+
 |    HTML				         |
 +-------------------------------+
*/

body {
	font-family:Arial, Helvetica, sans-serif;
}

a:link {
	color:#1e2d85;
	text-decoration: none;
}

a:hover {
	color:#ea640d;
	text-decoration: none;
}

h1 {
	color:#50445a;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

h2 {
	color:#635e68;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

h3 {
	color:#635e68;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

img {
	border:0px; 
}

/*
 +-------------------------------+
 |    Capas DIV	Relativas	     |
 +-------------------------------+
*/

div.PaginaExt {
	width: 1024px;
	height:1024px;
	margin: 0 auto;
	position:relative;
}

/*
 +-------------------------------+
 |    Capas DIV	Absolutas	     |
 +-------------------------------+
*/

div.CabeceraInt {
	position:absolute;
	background-color:#9d78bb;
	opacity: 0.90;
	top:-6px;
	left:0px;
	width:1024px;
	height:30px;
	text-align:left;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	color:#AAAAAA;
}

div.LogoCabecera {
	position:absolute;
	opacity: 1;
	top:52px;
	left:1px;
	width:121px;
	height:28px;
	color:#ea640d;
	text-align:left;
	vertical-align:bottom;
	font-size:12px;
	font-weight:600;
}

div.KleinCabecera {
	position:absolute;
	opacity: 1;
	top:90px;
	left:121px;
	width:376px;
	height:13px;
	color:#ea640d;
	text-align:left;
	vertical-align:bottom;
	font-size:12px;
	font-weight:600;
}

div.MenuSuperior {
	position:absolute;
	opacity: 0.95;
	top:28px;
	left:71px;
	width:952px;
	height:46px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

div.FondoRastroMigas {
	position:absolute;
	background-color:#d1c5da;
	opacity: 0.60;
	top:119px;
	left:0px;
	width:802px;
	height:18px;
	color:#1e2d85;
	text-align:left;
	font-size:10px;
	font-weight:bold;
}

div.RastroMigas {
	position:absolute;
	top:119px;
	left:0px;
	width:802px;
	height:18px;
	color:#1e2d85;
	text-align:left;
	font-size:10px;
	font-weight:bold;
}

/* Cuadradaditos [+] [-] */
div.CuadraditosRM {
	position:absolute;
	opacity: 1;
	top:119px;
	left:678px;
	width:125px;
	height:19px;
	cursor:pointer;
	color:#ea640d;
	font-weight:400;
	font-size:11px;
}

div.CuadraditosTexto {
	opacity: 1;
	width:62px;
	height:19px;
	cursor:pointer;
	color:#ea640d;
	font-weight:400;
	font-size:11px;
	text-align:left;
}

div.BloqueProducto{
	text-align:justify;
	font-size:10px;
	background-color:#c1b5ca;
	color:#000000;
	vertical-align:top;
}

div.Formularios {
	position:absolute;
	/*background-color:#e1dae7;*/
	opacity: 0.90;
	top:95px;
	left:808px;
	width:216px;
	height:701px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

.OpcionForm {
	background-image:url(IMG/BloqueForm.png);
	background-repeat:no-repeat;
	color:#CCCCCC;
	width:210px;
}

.OpcionFormTrans {
	background-image:url(IMG/BloqueFormTrans.png);
	background-repeat:no-repeat;
	color:#CCCCCC;
	width:210px;
}

.OpcionFormAreas {
	background-image:url(IMG/BloqueFormAreas.png);
	background-repeat:no-repeat;
	color:#CCCCCC;
	width:210px;
}

/*
 +-------------------------------+
 |    Capas DIV	Banner			 |
 +-------------------------------+
*/
div.CapasBanner {
}

div.TitularBanner {
	position:absolute;
	background-color:#FFFFFF;
	opacity: 0.90;
	top:95px;
	left:349px;
	width:452px;
	height:23px;
	color:#AAAAAA;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}

div.BannerPrincipal {
	position:absolute;
	opacity: 1;
	top:119px;
	left:1px;
	width:800px;
	height:300px;
	color:#1e2d85;
	text-align:left;
	font-size:10px;
	font-weight:100;
}

div.BloqueBannerPrincipal {
	position:absolute;
	opacity: 0.8;
	background-image:url(IMG/BloqueBannerPrincipal.png);
	background-repeat:no-repeat;
	top:257px;
	left:63px;
	width:332px;
	height:118px;
	color:#FFFFFF;
	text-align:left;
	font-size:24px;
	font-weight:100;
	background-origin: padding-box; 
	margin:0px;
	padding:10px;
}

div.FlechaDER {
	position:absolute;
	opacity: 1;
	background-image:url(IMG/FlechaDER.png);
	background-repeat:no-repeat;
	top:268px;
	left:17px;
	width:22px;
	height:26px;
	cursor:pointer;
}

div.FlechaIZQ {
	position:absolute;
	opacity: 1;
	background-image:url(IMG/FlechaIZQ.png);
	background-repeat:no-repeat;
	top:268px;
	left:760px;
	width:20px;
	height:24px;
	cursor:pointer;
}

div.Cuadraditos {
	position:absolute;
	background-color:#FFFFFF;
	opacity: 0.90;
	top:428px;
	left:369px;
	cursor:pointer;
}

div.PieBanner {
	position:absolute;
	background-color:#FFFFFF;
	opacity: 0.90;
	top:419px;
	left:427px;
	width:375px;
	height:17px;
	color:#AAAAAA;
	text-align:right;
	font-size:12px;
	font-style:italic;
}


/*
 +-------------------------------+
 |    Capas DIV	Articulo	     |
 +-------------------------------+
*/

div.CapasArticuloConBanner {
	position:absolute;
	top:426px;
	left:1px;
}

div.CapasArticuloSinBanner {
	position:absolute;
	top:139px;
	left:1px;
}

div.TitularArticulo {
	position:relative;
	background-color:#FFFFFF;
	opacity: 0.90;
	/*top:437px;
	left:0px;
	height:19px;*/
	width:450px;
	color:#666666;
	text-align:left;
	font-size:20px;
	font-weight:bold;
}

div.Articulo {
	position:relative;
	background-color:#FFFFFF;
	opacity: 1;
	/*top:475px;
	left:1px;
	height:146px;*/
	width:802px;
	color:#666666;
	text-align:justify;
	font-size:14px;
}

div.SubMenuArticulo {
	position:relative;
	background-color:#FFFFFF;
	opacity: 1;
	/*top:623px;
	left:2px;
	height:63px;*/
	width:802px;
	color:#AAAAAA;
	text-align:justify;
	font-size:12px;
	cursor:pointer;
}

div.ModulosPie {
	position:relative;
	background-color:#FFFFFF;
	opacity: 1;
	/*top:736px;
	left:1px;
	height:243px;*/
	width:802px;
	color:#AAAAAA;
	text-align:justify;
	font-size:12px;
	cursor:pointer;
}

/* LINGUASERVE */
.ImagenConTexto {
    float: left;
    height: 50px;
    width: 800px;
}
.ImagenConTexto img {
    height: 50px;
    margin-right: 20px;
   	float: left;
    width:100px;
}


/*
 +-------------------------------+
 |    Capas DIV	Pie de Página    |
 +-------------------------------+
*/

div.PieMapa {
	position:relative;
	background-color:#e1dae7;
	opacity: 0.90;
	/*top:0px;
	left:0px;
	height:168px;*/
	width:802px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

div.PieInt {
	position:relative;
	background-color:#e1dae7;
	opacity: 0.90;
	width:802px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

div.PieFormularios {
	position:relative;
	background-color:#e1dae7;
	opacity: 0.90;
	text-align:center;
	vertical-align:middle;
	font-size:9px;
	font-weight:300;
	color:#666666;
}

/*
 +-------------------------------+
 |    Formularios			     |
 +-------------------------------+
*/

.CajaInput {
	background-color:#ffffff;
	size:24;
}

.CajaGrandeInput {
	background-color:#ffffff;
	size:24;
	height:80px;
}

.TiularInput {
	font-size:11px;
	font-weight:600;
}

.CajaInputAmpliada {
	background-color:#ffffff;
	size:50;
}

.CajaGrandeInputAmpliada {
	background-color:#ffffff;
	size:50;
	height:100px;
}
/*
 +-------------------------------+
 |    Sectores			     |
 +-------------------------------+
*/

div.SectorExt {
	margin: 0 auto;
	position:relative;
}

div.SectorInt {
	position:absolute;
	background:url(IMG/SectorFondo.png) no-repeat;
	opacity: 0.80;
	top:-45px;
	left:1px;
	width:250px;
	height:250px;
	text-align:left;
	vertical-align:middle;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	padding:32px;
}

div.SectorTXT {
	font-size:10px;
	font-weight:bold;
	color:#445c84;
	text-align:center;
}

/*
 +-------------------------------+
 |    Input File			     |
 +-------------------------------+
*/

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: verdana;
    font-size: 12pt;
    width: 200px;
    min-height: 40px;
}
.custom-input-file:hover {
    background-color: #000;
    color: #fff;
}

.custom-input-file .input-file {
    margin: 0;
    padding: 0;outline:0;
    font-size: 1000px;
    border: 1000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

.custom-input-file .archivo {
    background-color: #000;
    color: #fff;
    font-size: 7pt;
    overflow: hidden;
}
.custom-input-file:hover .archivo {
    background-color: #fff;
    color: #000;   
}