/* RESET CSS */
*{margin:0; padding:0; border:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,  {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 
}

/*estilos contenedor principal*/

/*contenedor principal*/
	#contenedor {
	height: auto;
	width: 960px;
	margin: 0 auto;
}

/*contenedor cabecera*/
	#cabecera {
	height: 110px;
	width: 960px;
}

/*contenedor menu superior*/
	#menusuperior {
	height: 40px;
	width: 960px;
	margin: 0 auto;
	margin-bottom: 20px;
	background-image:url(../imagenes/TP_r2_c9.jpg);
	background-repeat: repeat-x;
}

/*contenedor slider*/
	#contenedorslider {
	height: 350px;
	width: 960px;
	margin-top:20px;
	background-color: #b3c6dc;
	background-image:url(../imagenes/TP4_r4_c2.jpg);
	background-repeat:no-repeat;
}

/*contenedor botonera slider*/
	#botoneraslider {
	height: 80px;
	width: 920px;
	margin-left:20px;
	background-image:url(../imagenes/TP_r6_c5.jpg);
	background-repeat:repeat-x;
}

/*contenedor de contenido*/
	#contenido {
	height: auto;
	width: 960px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../imagenes/TP_r8_c1.jpg);
	background-repeat:no-repeat;
}


#contenido2 {
	height: 370px;
	width: 960px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../imagenes/TP_r8_c1.jpg);
	background-repeat:no-repeat;
}


/*contenedor pie de pagina*/
	#pie {
	height: auto;
	width: 960px;
	clear: both;
	background-image:url(../imagenes/footer.jpg);
	background-repeat:repeat-x;
}

/*estilo botonera superior*/

	#boton {
	padding: 0;
}
	#boton li {
	display: inline;
}
	#boton li a {
	font-family: Arial;
	font-size:13px;
	text-decoration: none;
	float:left;
	padding: 12px;
	background-image:url(../imagenes/TP_r2_c9.jpg);
	background-repeat: repeat-x;
	color: #fff;
	font-style: normal;
	font-weight: bold;
}
	#boton li a:hover {
	background-image:url(../imagenes/TP_r2_c3.jpg);
	background-repeat: repeat-x;
}


/*estilo botonera slider*/

	#boton1 {
	padding: 0;
}
	#boton1 li {
	display: inline;
}
	#boton1 li a {
	font-family: Arial;
	font-size:13px;
	text-decoration: none;
	float:left;
	margin-left: 37px;
	margin-top: 40px;
	background-image:url(../imagenes/botonac_r1_c1.jpg);
	font-style: normal;
	font-weight: bold;
	height: 40px;
	width: 158px;
}
	#boton1 li a:hover {
		background-image:url(../imagenes/botonpress_r1_c1.jpg);}

/*estilo boton en Slider*/

	#botoninferior {
	padding: 0;
}
	#botoninferior li {
	display: inline;
}
	#botoninferior li a {
	font-family: Arial;
	font-size:13px;
	text-decoration: none;
	float:left;
	font-style: normal;
	font-weight: bold;
}
	#botoninferior li a:hover {
		background-image:url(../imagenes/botonpress_r1_c1.jpg);}


.contenidoslider { width:408px; height: 350px; float: left;}

.contenidoslider2 { width:512px; height: 224px; float: left; background-image:url(../imagenes/TP2_r1_c11.jpg); background-repeat:no-repeat; margin-top:55px;}


/*estilo menu slider*/

#btn1 { width:230px; height:80px; float:left; background-repeat:repeat-x;}

#btn2 { width:230px; height:80px; float:left;}

#btn3 { width:230px; height:80px; float:left;}

#btn4 { width:230px; height:80px; float:left;}

.activo:hover{width:230px; height:80px; float:left; background-image:url(../imagenes/TP_r6_c8.jpg); background-repeat:no-repeat; cursor:pointer;}




/*ESTILOS TEXTOS*/

a { color:#094aa1;
	text-decoration: none;
	text-transform:none;
}


p {
	text-align:justify;
	line-height:20px;
	font-size:14px;
	color:#424242;
	font-family:Arial, Helvetica, sans-serif;
}
.margen1{
	margin-top:25px;
	font-size:18px;
	line-height:24px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size:24px;
	line-height:24px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
 }
 .rojo{
	margin-top: 7px;
	text-align: center;
	line-height:15px;
	font-size:12px;
	color:#E31D22;
	font-family:Arial, Helvetica, sans-serif;
 } 
 .amarillo{
	margin-top: 7px;
	text-align: center;
	line-height:15px;
	font-size:12px;
	color:#FFD200;
	font-family:Arial, Helvetica, sans-serif;
 } 
.azul{
	margin-top: 7px;
	text-align: center;
	line-height:15px;
	font-size:12px;
	color:#497abd;
	font-family:Arial, Helvetica, sans-serif;
 } 

h2 { 
font-size:20px;
line-height:15px;
color:#094aa1;
font-family:Arial, Helvetica, sans-serif;
margin-top:60px;
margin-bottom: 30px;
 }

h3 {
	font-size:13px;
	color:#737373;
	line-height:20px;
	margin-left: 40px;
	margin-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration:none;
	text-transform:none;
}

h4 {
	font-size:13px;
	color:#094aa1;
	margin-right: 35px;
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:right;
}

h5 {
	font-size:43px;
	color:#2d5f9f;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-left: 40px;
	margin-top: 30px;
}

h6 { 
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin-top: 30px;
	margin-left: 40px;
	margin-right: 40px;
	color:#2d1010;
	line-height: normal;
	}

.centrado {
	margin-top:30px;
}

/*estilo contenido*/

#content { width:320px; height:410; float:left;}

#content2 { width:320px; height:410; float:left;}

#content3 { width:320px; height:410; float:left;}

.center {
	margin: 0 auto !important;}

.row {
	display: table;
	width: 100%;}

.columnas-1 {
	width: 96.4%;
	float: left;
	position: relative;
	padding: 0rem 1rem 0rem 1rem;}

.columnas-2 {
	width: 46.4%;
	float: left;
	position: relative;
	padding: 0rem 1rem 0rem 1rem;}

.columnas-3 {
	width: 29.779%;
	float: left;
	position: relative;
	padding: 0rem 1rem 0rem 1rem;}

.columnas-2tr {
	width: 63.1%;
	float: left;
	position: relative;
	padding: 0rem 1rem 0rem 1rem;}

.columnas-6 {
	width: 13.112846%;
	float: left;
	position: relative;
	padding: 0rem 1rem 0rem 1rem;}


.last {
	float: right;}

.marco {
	width:900px; 
	height:auto; 
	border: dotted; 
	border-color:#CCC;}

.titulo-pagina {
	width:520px;
	height:60px;
	padding-top:36px;}

.final {
	margin-bottom: 2rem;}

hr {
	border-top: 1px solid #B9B9B9;
	margin: 1rem 1rem 1.5rem 1rem;}


/*estilo footer*/


.social {
	width:48px;
	height:48px;
	margin-top:15px;
	margin-left:390px;
	float: left;
	background-image:url(../imagenes/TP5_r5_c11.png);
	background-repeat:no-repeat;
	}
	
.social2 {
	width:48px;
	height:48px;
	margin-top:15px;
	margin-left:10px;
	float: left;
	background-image:url(../imagenes/TP5_r5_c6.png);
	background-repeat:no-repeat;
	}
	
.social3 {
	width:49px;
	height:48px;
	margin-top:15px;
	margin-left:10px;
	float: left;
	background-image:url(../imagenes/TP5_r5_c9.png);
	background-repeat:no-repeat;
	}
	
/*estilo formulario*/

.formulario {
	padding-left:5px;
	width:337px;
	height:37px;
	background-color:#326597;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color: #CCC;
	text-decoration: none;
}

.enviform {
	width:159px;
	height:40px;
	background-image:url(../imagenes/botonac_r13_c19.jpg);
	background-repeat:no-repeat;}
	
.enviform:hover { background-image:url(../imagenes/botonpress_r13_c19.jpg); background-repeat:no-repeat; cursor:pointer;}

.formularioagregar {
	width:289px;
	height:22px;
	margin-top:8px;
	margin-left:8px;
	padding-left:5px;
	background-color:#326597;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FFF;
	}
.input {
	background: #c6dcf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6dcf4 0%, #b4c7dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6dcf4), color-stop(100%,#b4c7dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6dcf4 0%,#b4c7dd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dcf4', endColorstr='#b4c7dd',GradientType=0 ); /* IE6-9 */
	border: 1px solid #B9B9B9;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	width: 100%;
	padding: 6px;
	margin-bottom: 1.5rem;}

.input-check {
	width: 100%;
	padding: 6px;
	margin-bottom: 1.5rem;}

.input	input[type=text],
		input[type=date] {
	background: #326597;
	width: 100%;
	height: 1.55rem;
	padding: 5px;
	display: block;
	color: #ffffff;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	box-sizing: border-box;}

.button {
	background: #c6dcf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6dcf4 0%, #b4c7dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6dcf4), color-stop(100%,#b4c7dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6dcf4 0%,#b4c7dd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6dcf4 0%,#b4c7dd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dcf4', endColorstr='#b4c7dd',GradientType=0 ); /* IE6-9 */
	border: 1px solid #B9B9B9;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	box-shadow: 0 5px 5px rgba(0,0,0,0.31);
	text-align: center;
	font-family: arial;
	width: 15%;
	padding: 0.55rem;
	display: block;
	color: #333333;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	box-sizing: border-box;}

 .input textarea {
 	background: #326597;
	width: 100%;
	height: 6rem;
	padding: 5px;
	display: block;
	color: #ffffff;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	box-sizing: border-box;}

 label {
	font-size: 12px;
	font-weight: bold;
	color: #094aa1;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	margin-bottom: 8px;}

#C6DCF4

#B4C7DD

#B9B9B9

.formularioagregar222 {
	width:289px;
	height:22px;
	margin-top:8px;
	margin-left:50px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#326597;
	}
	

	
.botonguardardatos {
	width:152px;
	height:50px;
    cursor: pointer;
	background:transparent;
	background-image: url(../imagenes/guardar1.png);
	background-repeat:no-repeat;
	}
	
.botonguardardatos:hover {
	background:transparent;
	background-image: url(../imagenes/guardar2.png);
	background-repeat:no-repeat;
	}
	
	

	
.areatexto {
	resize:none;
	width:286px;
	height:200px;
	margin-top:13px;
	margin-left:8px;
	padding-left:5px;
	background-color:#326597;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FFF;
	float:left;
	}
	
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}

.styled {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background-image:url(../imagenes/flecha.jpg);
	background:no-repeat;
	overflow: hidden;}
	
	/*estilos data grid*/
.titletab {
	font-size:12px;
	font-weight:bold;
	color:#094aa1;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:8px;
}	
	

	
	.validar {
	text-align: center;
	line-height:15px;
	font-size:12px;
	font-weight:bold;
	color: #094aa1;
	font-family:Arial, Helvetica, sans-serif;
}
#paginacion1{ width:720px; height:auto; margin-top:15px; font-family:Arial, Helvetica, sans-serif;}
#welcomeuser {
	width:auto;
	height:30px;
	margin-left:480px;
	padding-top:5px;
	padding-right:5px;
	font-size:13px;
	color:#094aa1;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align:right;
}
#val{
    display: none;
}

/*class de buscador*/

.titletab2 {
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#094aa1;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:5px;
	padding-top:10px;
	margin-top:8px;
	float:left;
}	

.formularioagregar2 {
	width:289px;
	height:25px;
	margin-top:8px;
	padding-left:5px;
	background-color:#326597;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FFF;
	border:medium  #91C4C2 solid;
	float:left;
	}
	
.botonbuscar {
	width:122px;
	height:40px;
	margin-top:4px;
	margin-left:10px;
    cursor: pointer;
	background-image: url(../imagenes/botonbuscar.png);
	background-repeat:no-repeat;
	}
	
.botonbuscar:hover {
	background-image: url(../imagenes/botonbuscarhvr.png);
	background-repeat:no-repeat;
	}
	
	/*tabla con nombres */
	.titletab3 {
	height:15px;
	font-size:12px;
	font-weight:bold;
	color:#094aa1;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:5px;
	padding-top:5px;
	margin-top:8px;
	float:left;
}	


.tabla1{width:130px; height:43px; margin-left:40px;}
.tabla2{width:130px; height:43px;margin-top:15px; margin-left:40px;}
.tabla222{width:250px; height:30px; margin-left:40px;}
.entradas1 {width:310px; height:43px; background-image: url(../imagenes/vehiculos3_r1_c1.png); background-repeat: no-repeat;}
.entradas2 {width:310px; height:43px; background-image: url(../imagenes/vehiculos3_r1_c1.png); background-repeat: no-repeat; margin-top:15px;}
.entradas3 {font-size:12px;	font-weight:bold;color:#094aa1;font-family:Arial, Helvetica, sans-serif;}	
.claseboton {width:152px; height:50px; margin-left:79px; margin-top:20px;}
.claseboton22 {width:152px; height:50px; margin-left:250px; margin-top:20px; margin-bottom:40px;}
.detallrutintermedia{width:230px; height:20px; float:left; margin-top:13px; margin-left:15px;}
.imgborrarrutintermedia{ width:30px; height:30px; margin-left:15px; margin-top:8px; float:left; }



/* Menu */

.contenedor_menu {
	background: #497abd; /* Old browsers */
	background: -moz-linear-gradient(top,  #497abd 0%, #326695 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#497abd), color-stop(100%,#326695)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #497abd 0%,#326695 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #497abd 0%,#326695 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #497abd 0%,#326695 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #497abd 0%,#326695 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497abd', endColorstr='#326695',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	height:42px;
}

.menuarriba {	
	height: 40px;
	float:left;
}

.menuarriba li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 40px;
}

/* Links */

.menuarriba li a {
	display: block;
	padding: 0 27px;
	margin: 6px 0;
	line-height: 28px;
	text-decoration: none;
	/*border-left: 1px solid #393942;
	border-right: 1px solid #4f5058;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
	cursor:pointer;
}

.menuarriba li:first-child a { border-left: none; }
.menuarriba li:last-child a{ border-right: none; }

.menuarriba li:hover > a { color: #ccc;}

/* Sub Menu */

.menuarriba ul {
	position: absolute;
	top: 40px;
	left: 0;
	
	z-index:99999999;

	opacity: 0;
	
	background: #497abd; 

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menuarriba li:hover > ul { opacity: 1; }

.menuarriba ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
.menuarriba li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}
.menuarriba ul li a {
	width: 100px;
	padding: 4px 0 4px 15px;
	margin: 0;
	border: none;
	border-bottom: 1px dotted #f1f1f1;
}
.menuarriba ul li:last-child a { border: none; }
.campo_busqueda {
padding-top:5px;
}
.buscador {
margin-bottom: 20px;
height: 48px;
}
.content_fixed {
margin:0 auto;
margin-bottom: 30px;
width:750px;
border-radius: 2px;
padding: 20px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 2px 1px rgba(120,120,120,0.75);
-moz-box-shadow: 0 1px 2px 1px rgba(120,120,120,0.75);
box-shadow: 0 1px 2px 1px rgba(120,120,120,0.75);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}
.formularioagregar_tabla {
width:289px;
height:22px;
margin-top:0px;
margin-left:0px;
padding-left:5px;
background-color:#326597;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#FFF;
}
.claseboton_tabla {
width:152px;
height:50px;
margin-left:79px;
padding-top:50px;
margin:0 auto;
}
.txt_correos {
display:inline;
color:#094AA1;
margin:15px;
font-size:0.9em;
text-shadow: 1px 1px white;
}
.correos_titulo {
color:#333;
font-size:1.3em;
text-shadow: 1px 1px white;
display:inline;
font-weight:bold;
}
.correos_titulo_2 {
color:#666;
font-size:1.0em;
text-shadow: 1px 1px white;
display:inline;
font-weight:bold;
margin-left:20px;
}
.contenedor_titulo_correo {
margin:/*top*/10px /*right*/10px /*bottom*/20px /*left*/15px;
}
.contenedor_titulo_correo_2 {
margin:/*top*/40px /*right*/10px /*bottom*/20px /*left*/15px;
}
.opciones_cont {
border:#ccc 1px dotted;
margin:/*top*/0px /*right*/0px /*bottom*/10px /*left*/0px;
}
.opciones_cont_2 {
border:#ccc 1px dotted;
margin:/*top*/0px /*right*/0px /*bottom*/10px /*left*/20px;
}