﻿
.lblFecha
{
	font-family:Tahoma;
	font-size:1em;
	color:Red;
}

.InputClave
{
	font-family: Tahoma;
	font-size: 9px;
	padding: 3px;
	border: solid 1px #203f4a;
	width:150px;
}

.InputClavepadron
{
	font-family: Tahoma;
	padding: 3px;
	border: solid 1px #203f4a;
}

.etiketaanio
{
	font-family: Tahoma;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
    padding-top:10px;
    padding-bottom:5px;
    padding-left:15px;
	text-align: right;
	vertical-align: middle;
}

.HyperLink
{
  color:#fff;
  font-family: Tahoma;
  font-size: 11px;
  text-decoration:none;
  text-shadow: 0.1em 0.1em #000;
}

.Label
{
	color:#fff;
	font-family:Tahoma;
	font-size:11px;
	text-shadow: 0.1em 0.1em #000;
}

 .titulo_cab
{
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
    padding-top:10px;
    padding-bottom:5px;
	text-align: center;
	vertical-align: middle;
	font-style:italic;
}
/**************menu vertical****************************/
.menuv{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
    .menuv ul {
        background: #2470a0;
        height: 25px;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 135px;
    }
	.menuv li{
		float:left;
		padding:0px;
    width: 119px;
}
        .menuv li a {
            background: #2470a0 bottom right no-repeat;
            color: #ffffff;
            display: block;
            font-weight: normal;
            line-height: 25px;
            margin: 0px;
            padding: 0px 15px;
            text-align: center;
            text-decoration: none;
        }
            .menuv li a:hover, .menuv ul li:hover a {
                background: #acc0db bottom center no-repeat;
                color: #FFFFFF;
                text-decoration: none;
            }
		.menuv li ul{
		background:#b5578f;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
		.menuv li:hover ul{
		display:block;
		
		}	
/*--------------------------MENU---------------------------------------------------*/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
    .menu ul {
        background: #6c9ab7;
        height: 25px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
	.menu li{
		float:left;
		padding:0px;
		}
        .menu li a {
            background: #2470a0 url("../img/seperator.gif") bottom right no-repeat;
            color: #ffffff;
            display: block;
            font-weight: normal;
            line-height: 25px;
            margin: 0px;
            padding: 0px 15px;
            text-align: center;
            text-decoration: none;
        }
            .menu li a:hover, .menu ul li:hover a {
                background: #acc2db url("../img/hover.gif") bottom center no-repeat;
                color: #FFFFFF;
                text-decoration: none;
            }
        .menu li ul {
            background: #578fb5;
            display: none;
            height: auto;
            padding: 0px;
            margin: 0px;
            border: 0px;
            position: absolute;
            width: 225px;
            z-index: 200;
            /*top:1em;
		/*left:0;*/
        }
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../img/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
        .menu li ul a:hover, .menu li ul li:hover a {
            background: #acc5db url('../img/hover_sub.gif') center left no-repeat;
            border: 0px;
            color: #ffffff;
            text-decoration: none;
        }
	.menu p{
		clear:left;
		}	



.etiketa_dor_popup
{
  font-size:0.8em;
}

.titulo
{
	font-family: Tahoma;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
    padding-top:10px;
    padding-bottom:5px;
	text-align: center;
	vertical-align: middle;
}

.InputRuc
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:160px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputDomicilio
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:400px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputFicha
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:200px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputNombre
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:400px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputOrgano
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:400px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputFecha
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 22px;
	width:100px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}



.InputBoxAsunto
{
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	height: 60px;
	width:890px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputText
{
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
}

.InputTextNum
{
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	vertical-align: middle;
	padding: 5px 3px 1px 3px;
    text-align:center;
    width:50px;
}

.cajacombo
{
    padding:3px;
	border: 1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	text-align: left;
	vertical-align: middle;
}



.comboInfraccion
{
    padding: 3px;
	border: 0.4px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	color: #535353;
	width: 862px;
	height: 29px;
	text-align: left;
	vertical-align: middle;
}

.BorderButton
{
	padding: 10px 0px 10px 0px;
	text-align: center; 
}

.celcontrol
{
 padding-left: 5px;
}


.BorderButtonInfraccion
{
	 padding: 10px; 
}

.GridHeader
{
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d0e4f5', EndColorStr='#e9dae2');
    background-color:#d0e4f5;
    font-weight:bold;
    color:Black;
    height:10px;
    padding-left:3px;
    padding-right:3px;
    border-right: #000 1px solid;
}

.GridHeaderdor
{
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#efa263', EndColorStr='#efa263');
    background-color:#efa263;
    font-weight:bold;
    color: Black;
    height:8px;
    padding-left:3px;
    padding-right:3px;
    border-right: #d4d0c8 1px solid;
}

.boton {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d0e4f5', EndColorStr='#e9dae2');
    background-color: #c4d5e9;
    color: Black;
    border: 1px;
    border-style: solid;
    border-color: #c0c0c0;
    cursor: pointer;
    font-size: 10px;
    padding: 3px;
}


.etiketa
{
	font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}

.fondoSubt
{
    background:#8a3e00;
    color:White;
    font-weight:bold;
}

.etiketagrueso
{
    font-family: Tahoma;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}


.grid_img
{
    font-family: Tahoma;
    font-size: 0.7em;
    border: 0px none #FFFFFF;   
 }
body
{
    text-align:center;
    font-family:Tahoma;
}
#contenedor
{
    width:980px;
    margin:0 auto 0 auto;   
    height:100%;
}
#flogin
{
    position:relative;
    float:left;
    width:100%;
    padding:5px;
}

.login
{
    /*position:relative;
    display:table;
    width:350px;
    float:right;*/
    background-color:#d0e4f5;
    border-style:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:5px;
}
.etiqueta
{
    /*position:relative; 
    float:left; */   
    padding-top:4px;
    font-size:13px;
    font-weight:bold;
}
#usuario
{
    position:relative; 
    float:left; 
    width:120px;
    text-align:left;
    vertical-align:middle;
    padding-top:2px;
}
#dominio
{
    position:relative; 
    float:left; 
    width:85px;
    text-align:left;
    vertical-align:middle;
    font-size:13px;
    font-weight:bold;
    padding-top:4px;
}
#banner
{
    position:relative;
    display:table;
    width:100%; 
    float:left;
    padding:5px;
}
#contenido
{
    position:relative;
    display:table;
    width:100%;
    float:left;
    padding:5px;
}

.titulo
{
    padding:10px;
    font-size:x-large;
    font-weight:bold;
    background-color:#d0e4f5;
    border-style:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fechas
{
    padding-top:20px;
    font-weight:bold;
}


.indicaciones
{
    font-weight:bold;
    text-align:left;
    padding-top:20px;
    padding-bottom:10px;
}


#btnIntegr
{
    position:relative;
    width:100%;
}
#grabar
{
    padding-top:40px;
    position:relative;
    float:right;    
}


.css3button:hover {
    border: 1px solid #9EB0BF;
    background-color: #9E5782;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #577f9e, #e5e7f1);
}

.css3buttonlogeo:hover {
    border: 1px solid #969CA7;
    background-color: #008080;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #2EB6F5, #c0ddef);
}


.css3buttonint:hover {
    border: 1px solid #9EB0BF;
    background-color: #57799e;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #577f9e, #e5e7f1);
}


.css3button {
    border: 1px solid #9EB0BF;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 20px 10px 20px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #FFF, #4686B6);
}


.css3buttonint 
{
border:1px solid #9E5781; 
-webkit-border-radius: 14px; 
-moz-border-radius: 14px;
border-radius: 14px;
font-size:14px;
font-family:arial, helvetica, sans-serif; 
padding: 5px 10px 5px 10px; 
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
text-align: center; 
color: #000000; 
background-color: #FFFFFF;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #FFFFFF, #9E5781);
}

.css3buttonlogeo {
    border: 1px solid #969CA7;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-size: 5px;
    font-family: arial, helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #FFFFFF, #2EB6F5);
}

#contedor_lista
{
    border-color:Black;
    border-style:solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }




#banner
{
    position:relative;
    display:table;
    width:100%; 
    float:left;
    padding:5px;
}
#medio {
    position: relative;
    display: table;
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 80px;
    padding-bottom: 80px;
    /*background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTU3ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(158,87,130,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(158,87,130,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(158,87,130,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(158,87,130,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(158,87,130,1) 100%); /* IE10+ */
    /*background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(158,87,130,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9e5782',GradientType=1 ); /* IE6-8 */
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTk4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(152,180,209,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(152,180,209,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(152,180,209,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(152,180,209,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(152,180,209,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(152,180,209,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d198ba',GradientType=1 ); /* IE6-8 */
    border-style: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#izq
{
    position:relative;
    float:left;
    width:450px;
    padding:50px 20px 50px 20px;
}
#img-izq
{   
    position:relative;
    border-style:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#der
{
    position:relative;
    float:left;
    width:410px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
}
#login-ini {
    position: relative;
    float: left;
    display: table;
    width: 100%;
    border-style: none;
    background-color: #b8c5d4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 5px 20px 5px;
    font-weight: bold;
}
#log-usuario
{
    position:relative;
    float:left;
    width:100%;
    padding:5px;
}
#log-contraseña
{
    position:relative;
    float:left;
    width:100%;
    padding:5px;
}
.inputTextL
{
    border-style:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:2px;
    font-weight:bold;
    font-size:larger;
    text-align:center;
    width:290px;
}
#titulo-login
{
    font-size:x-large;
}
#log-ingresar
{
    position:relative;
    float:right;   
    padding-right:50px; 
}
#logo-midis
{
    position:relative;
    float:left;  
    text-align:left;
    padding-bottom:5px; 
}
#nom-rrhh
{
    position:relative;
    text-align:left;
    color:white;
    padding-bottom:20px;
    padding-top:10px;
    font-weight:bold;
    font-size:30px;
    float:left;
}
#contenedor-ini
{
    width:980px;
    margin:0 auto 0 auto;   
    height:100%;
    margin-top:150px
}

.bordercont {
    border-style: solid;
    border-color: #a2a2a2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
    
.bordercontconv
{
     border-style:solid;
     border-color:#000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    
/***********tamño del datapiker y timepiker***************/
#ui-datepicker-div, .ui-datepicker{ font-size: 80%; }

  /* css for timepicker */
 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
 .ui-timepicker-div dl { text-align: left; }
 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
 .ui-timepicker-div td { font-size: 80%; }
 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/*************************************/


.Grid
{
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    font-family: Tahoma;
	font-size: 9.5px;
}

.Grid2
{
    height:10px;
    padding-left:3px;
    padding-right:3px;
    border-right: #000 1px solid;
    border-bottom: #000 1px solid;
    text-align:center;
}