@charset "utf-8";

/* CSS Document */

* {

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 14px;

	color: #333;

	}



.fondo {

	background: fixed url(../images/fondo_gris_02.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

}

.fondo_prov {

	background: fixed url(../images/fondo_azul_02.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

}

.icono_menu_ppal {

	width: 45%;

}

.titulo_modulo {

	font-size: 16px;

	font-weight: bold;

	font-style: italic;

	color: #9A2929;

	vertical-align: text-top;

	text-align: right;

}



/* +++++++++++++++++++++++++++++++++++++++++++ PAGINA DE INICIO ++++++++++++++++++++++++++++ */

.titulo_empresa, .titulo_sistema {

	background-color:#400000;

	color:#FFF;

	padding: 18px 0px 18px 20px;

	text-align:left;

	font-size: 28px;

	font-weight:bolder;

	border-radius: 5px;

}



.titulo_sistema {

	font-size: 30px;

	background-color:#CCC;

	color: #666;

}



.vinculo_iniciar_sesion:link, .vinculo_iniciar_sesion:visited {

	padding: 10px 15px 8px 15px;

	font-size: 15px;

	font-weight: bold;

	text-align: right;

	border-left: 10px solid #666;

	border-radius: 5px;

	background-color: #CCC;

	color: #400000;

	text-decoration: none;

	transition: all 2s ease;

}

	

.vinculo_iniciar_sesion:hover, .vinculo_iniciar_sesion:active {

	border-left: 10px solid #400000;

	background-color: #999;

	color: #FFF;

	transition: all 2s ease;

}

	

div.entorno_completo {

	width: 100%;

	background: fixed url(../images/fondo_01_vino.png);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

}



div.general {

	border-radius: 15px;

	border: 1px solid #900;

	position: relative;

	margin: 0px auto;

	padding: 0px 0px 5px 0px;

	background-color: #FFF;

	width: 98%;

	text-align: center;	

}



/* ----------------------------------------- PROPIEDADES PARTICULARES DE LAS TABLAS ------------------------------*/

.TN { font-weight: bolder; }

.TNI { font-weight: bolder; 

	font-style: italic;

}

.AC { text-align: center; }	

.AL { text-align: left; }	

.AR { text-align: right; }	

.AJ { text-align: justify; }	

.L { border-left: 1px solid #CCC; }

.R { border-right: 1px solid #CCC; }

.T { border-top: 1px solid #CCC; }

.B { border-bottom: 1px solid #CCC; }

.L2 { border-left: 2px solid #CCC; }

.R2 { border-right: 2px solid #CCC; }

.T2 { border-top: 2px solid #CCC; }

.B2 { border-bottom: 2px solid #CCC; }

.L3 { border-left: 3px solid #CCC; }

.R3 { border-right: 3px solid #CCC; }

.T3 { border-top: 3px solid #CCC; }

.B3 { border-bottom: 3px solid #CCC; }

.Lwhite { border-left: 1px solid #FFF; }

.Rwhite { border-right: 1px solid #FFF; }

.Twhite { border-top: 1px solid #FFF; }

.Bwhite { border-bottom: 1px solid #FFF; }

.Lblack { border-left: 1px solid #999; }

.Rblack { border-right: 1px solid #999; }

.Tblack { border-top: 1px solid #999; }

.Bblack { border-bottom: 1px solid #999; }



.borde_azul {

	border: 1px solid #2297A2;

	border-radius: 10px;

}

.borde_gris {

	border: 1px solid #CCC;

	border-radius: 10px;	

}



.sombra_azul {

	box-shadow: 5px 5px 5px #B9DEE2;

	border-radius: 10px;

}

.sombra_gris {

	box-shadow: 5px 5px 5px #CCCCCC;

	border-radius: 10px;

}





.font8 { font-size: 8px; }

.font9 { font-size: 9px; }

.font10 { font-size: 10px; }

.font11 { font-size: 11px; }

.font12 { font-size: 12px; }

.font13 { font-size: 13px; }

.font14 { font-size: 14px; }

.font15 { font-size: 15px; }

.font16 { font-size: 16px; }

.font17 { font-size: 17px; }

.font18 { font-size: 18px; }

.font19 { font-size: 19px; }

.font20 { font-size: 20px; }

.fondo_gris { background-color: #F4F4F4; }

.fondo_gris1 { background-color: #CCC; }

.fondo_gris2 { background-color: #999; }

.fondo_gris3 { background-color: #666; }

.fondo_gris4 { background-color: #333; }

.fondo_azul { background-color: #C6ECFB; }

.fondo_verde { background-color: #BFDF8E; }

.fondo_amarillo { background-color: #FFC; }

.fondo_naranja { background-color: #E8CB75; }

.fondo_rojo { background-color: #E19393; }

.fondo_blanco { background-color: #FFF; }



.altura1 { height: 1em; }

.altura1_5 { height: 1.5em; }

.altura2 { height: 2em; }

.altura2_5 { height: 2.5em; }

.altura3 { height: 3em; }

.altura3_5 { height: 3.5em; }

.altura4 { height: 4em; }

.altura4_5 { height: 4.5em; }

.altura5 { height: 5em; }

.altura5_5 { height: 5.5em; }

.altura6 { height: 6em; }



.input_01 {

	border: 1px solid #900;

	border-radius: 10px;

	width: 98%;

	height: 100% !important;

}



::-webkit-input-placeholder { color: #DBB6AC; } 

:-moz-placeholder { /* Firefox 18- */ color: #DBB6AC; }

::-moz-placeholder { /* Firefox 19+ */ color: #DBB6AC; }

:-ms-input-placeholder { color: #DBB6AC; }



/* ++++++++++++++++++ Cuadro de Mensajes ++++++++++++++++++++++++++ */

#mensaje_verde, #mensaje_rojo ,#mensaje_naranja {

	text-align: center;

	font-size: 1em;

	margin: 0px auto;

	padding: 5px 0px 5px 0px;

	width: 99%;

	border-radius: 8px;

	}

	

#mensaje_verde {

	color: #004000;

	border: 1px solid #004000;

	background-color: #C4E4B8;

	}

#mensaje_rojo {

	color: #900;

	border: 1px solid #900;

	background-color: #F4C4C4;

	}

	

#mensaje_naranja {

	color: #C60;

	border: 1px solid #C60;

	background-color: #EDD789;

	}



/* Propiedades para vinculos */

.on_hover_imageCH {

	-webkit-transition: all 200ms linear 0s;

	-moz-transition: all 200ms linear 0s;

	-ms-transition: all 200ms linear 0s;

	-o-transition: all 200ms linear 0s;

	transition: all 200ms linear 0s;

	text-decoration: none;

	width: 95%;

	opacity: 1.0;

    filter: alpha(opacity=70); /* For IE8 and earlier */

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.on_hover_imageCH:hover {

	width: 80%;

	opacity: 0.5;

    filter: alpha(opacity=100); /* For IE8 and earlier */

}



.on_hover_imageGD {

	-webkit-transition: all 200ms linear 0s;

	-moz-transition: all 200ms linear 0s;

	-ms-transition: all 200ms linear 0s;

	-o-transition: all 200ms linear 0s;

	transition: all 200ms linear 0s;

	text-decoration: none;

	width: 80%;

	opacity: 0.5;

    filter: alpha(opacity=100); /* For IE8 and earlier */

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.on_hover_imageGD:hover {

	width: 90%;

	opacity: 1.0;

    filter: alpha(opacity=80); /* For IE8 and earlier */

}



.vinculo_inicio:link, .vinculo_inicio:visited {

	padding: 5px 10px 5px 10px;

	text-decoration: none;		

	color: #06C;

	background-color: #D6DFF5;

	border-left: 8px solid #06C;

	border-right: 1px solid #06C;

	border-top: 1px solid #06C;;

	border-bottom: 1px solid #06C;

	font-weight: bold;

	border-radius: 5px;

	transition: all 2s ease;

}

.vinculo_inicio:hover, .vinculo_inicio:active {

	color: #FFF;

	background-color: #06C;	

	border-left: 8px solid #031B50;

	border-radius: 5px;

	transition: all 2s ease;

	/*text-shadow: #800000 0.1em 0.1em 0.2em;*/

}

.vinculo_logout:link, .vinculo_logout:visited {

	padding: 5px 10px 5px 10px;

	text-decoration: none;		

	color: #C71818;

	background-color: #F9ECEC;

	border-left: 8px solid #C71818;

	border-right: 1px solid #C71818;

	border-top: 1px solid #C71818;

	border-bottom: 1px solid #C71818;

	font-weight: bold;

	border-radius: 5px;

	transition: all 2s ease;

}

.vinculo_logout:hover, .vinculo_logout:active {

	color: #FFF;

	background-color: #C71818;	

	border-left: 8px solid #400000;

	border-radius: 5px;

	transition: all 2s ease;

	/*text-shadow: #800000 0.1em 0.1em 0.2em;*/

}

/* ++++++++++++++++++ Boton General ++++++++++++++++++++++++++ */

.boton_gral {

	text-decoration: none;

	padding: 3px 10px 3px 10px;

	border-radius: 5px;

	transition: all 1s ease;

}

.boton_gral:hover, .boton_gral:active { 

	transition: all 1s ease;

}

.azul_select {

	background: #2079C1;

	color: #FFF;

	border: 1px solid #185B92;

}

.azul {

	background: #FFF;

	border: 1px solid #185B92;

	color: #1D6FB1;

}

.azul:hover, .azul:active {

	background: #4199E0;

	color: #FFF;

}

.verde_select {

	background:#87AB8C;

	color: #FFF;

	border: 1px solid #090;

}

.verde {

	background: #FFF;

	border: 1px solid #090;

	color: #090;

}

.verde:hover, .verde:active {

	background: #AAC4AE;

	color: #FFF;

}

.naranja_select {

	background: #C2985F;

	color: #FFF;

	border: 1px solid #E4A734;

}

.naranja {

	border: 1px solid #E4A734;

	background-color: #FFF;

	/*color:  #E4A734;*/

	color: #AE8328;

}

.naranja:hover, .naranja:active {

	background: #DFC9AA;

	color: #FFF;

}

.rojo_select {

	background-color:#915555;

	color: #FFF;

	border: 1px solid #800000;

}

.rojo {

	border: 1px solid #800000;

	background-color:#FFF;

	color: #800000;

}

.rojo:hover, .rojo:active {

	background: #AB7070;

	color: #FFF;

}



.btn_con_logos_azul {

	margin-top: 500px;

	text-decoration: none;

	padding: 15px 10px 15px 10px;

	border-bottom: 2px solid #1052BE;

	border-right: 1px solid #1052BE;

	background: #E1EBF4;

	color: #1052BE;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	font-weight: bolder;

	transition: all 2s ease;

}

.btn_con_logos_azul:hover, .btn_con_logos_azul:active {

	border-radius: 0px;

	color: #FFF;

	background: #1052BE;

	transition: all 2s ease;

}

.btn_con_logos_rojo {

	text-decoration: none;

	padding: 15px 10px 15px 10px;

	border-bottom: 2px solid #E60000;

	border-right: 1px solid #E60000;

	background: #FFE6E6;

	color: #E60000;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	font-weight: bolder;

	transition: all 2s ease;

}

.btn_con_logos_rojo:hover, .btn_con_logos_rojo:active {

	border-radius: 0px;	

	color: #FFF;

	background: #E60000;

	transition: all 2s ease;

}



.btn_con_logos_gris {

	text-decoration: none;

	padding: 15px 10px 15px 10px;

	border-bottom: 2px solid #666;

	border-right: 1px solid #666;

	background: #E9E9E9;

	color: #666;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

	font-weight: bolder;

	transition: all 2s ease;

}



.btn_con_logos_gris:hover, .btn_con_logos_gris:active {

	border-radius: 0px;	

	color: #FFF;

	background: #666;

	transition: all 2s ease;

}



/* +++++++++++++++++++++++++++++++++++++++++++ CABECERA ++++++++++++++++++++++++++++ */

.cabecera {

	width: 98%;

	/* background-color: #FAF1F1; */

	background-color: #FFF;

	border: 1px solid #900;

	border-radius: 8px;

	padding: 2px 1px 2px 0px;

	margin: 0 auto;	

	color: #333;

	font-size: 10px;

	text-align: left;

	margin-bottom: 10px;

}

table {

	margin: 0 auto;

}



/* +++++++++++++++++++++++++++++++++++++++++++ CUERPO GENERAL ++++++++++++++++++++++++++++ */

div.cuerpo_general {

	margin: 0px auto;

}

.vinculo_texto:link, .vinculo_texto:visited {

	padding: 3px 10px 3px 10px;

	background-color: #E7F9FE;

	color: #666;

	font-size: 12px;

	border-bottom: 1px solid #999;

	border-right: 1px solid #999;

	text-decoration: none;

	border-radius: 5px;

}	

.vinculo_texto:hover, .vinculo_texto:active {

	background-color: #F9FAE2;

	color: #400000;

	border-bottom: 1px solid #400000;

}

.vinculo_texto2:link, .vinculo_texto2:visited {

	color: #00F;

	font-size: 11px;

	border-bottom: 1px solid #00F;

	text-decoration: none;

}

.vinculo_texto2:hover, .vinculo_texto2:active {

	color: #800000;

	text-shadow: #800000 0.1em 0.1em 0.2em;

	border-bottom: 1px solid #800000;

	text-decoration: none;

}





/* +++++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++ */

.footer_logeo, .footer_general {

	background-color: #DFDFDF;

	border: 1px solid #900;

	border-radius: 8px;

	padding: 5px 0px 5px 0px;	

	margin: 0px auto;	

	color: #333;

	font-size: 10px;

	text-align: center;

}

.footer_logeo {

	margin-top: 15px;

	width: 65%;	

}

.footer_general {

	margin-top: 8px;

	width: 98%;	

}

.cuadro_alta_usuarios, .cuadro_alta_usuarios_privilegios {

	width: 95%;

	height: 70%;

	border: 1px solid #CCC;

	text-align: left;

	font-size:12px;

	color: #999;

	}



.boton_cambiar_clave, .boton_alta_usuarios, .boton_asignar_proyectos, .boton_proveedores {

	padding: 3px 15px 3px 15px;

	color: #800000;	

	}

	

.cuadro_asignacion_proyectos, .cuadro_asignacion_proyectos_privilegios {

	width: 90%;

	border: 1px solid #DFDFDF;

	font-size: 11px;

	color:#999;

	}



.cuadro_asignacion_proyectos_fecha {

	width: 29.8%;

	height: 60%;

	border: 1px solid #999;

	font-size:11px;

	color: #999;

	border: 1px solid #DFDFDF;

}



.li_combo_localidades, .combo_localidades {

	color: #999;

	font-size: 10px;

	list-style: none;

}

.combo_localidades {

	text-align: left;

	width: 98%;

	height: 25px;

	border: 1px solid #DFDFDF;

}



.imagen_sino {

	width: 25px;

}



.imagen_sino2 {

	width: 65px;

}