@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
/*#333 Back y texto/ #666 Menu anclas / #c8c8c8 Sombra / #fff Blancos / #ccc Bordes / #ba0001 rojo*/
/*#f6f6f6 Back tr:odd y back menú / #2c2c2c th bordes / #e8f6fe Back th:hover */
/*#4a7e3a Color que se personaliza*/

/*------------------------[Re]seteo------------------------*/
*{margin:0; padding:0; outline:0; border: 0; marker-offset: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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	padding: 0;
	border: 0;
	margin: 0; 
	outline: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ol {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
img{display: block;}

/*------------------------Generales------------------------*/
body{
	min-width: 760px;
	max-width: 1350px;
	margin: 0 auto 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #333;
}
h1{
	font-size: 25pt;
	text-align: left;
	color: #4a7e3a;
	float: left;
}
h2{
	height: 30px;
	overflow: hidden;
	display: block;
	padding: 8px 8px 8px 8px;
	border-radius: 10px 10px 0 0;
	font-size: 13pt;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: #4a7e3a;	
}
h3{
	margin: 10px 0 20px 0;
	font-size: 20pt;
	text-align: center;
	color: #4a7e3a;
}
h4{
	margin: 0 0 20px 0;
	font-size: 15pt;
	text-align: center;
	color: #4a7e3a;
}
h5{
	font-size: 13pt;
	text-align: center;
	color: #333;
}
h6{
	float: left;
	font-size: 16pt;
	line-height: 55px;
	color: #4a7e3a;
}
a{
	text-decoration: none;
	color: #666;
}
a:hover{
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}
input, select, textarea{
	border: 1px dotted #ccc;
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	color: #333;
	background: #fff;
}

/*------------------------Generales del Template Header-Nav------------------------*/
header{
	width: 19%;
	height: 100%;
	overflow: hidden;
	float: left;
	margin: 20px 0 0 1%;
	font-size: 11pt;
}
header div{
	height: 90px;
}
header div img{
	max-width: 100%;
	max-height: 90px;
	margin: 0 auto 0 auto;
}
header div.logo2{
	margin-top: 20px;
}
header nav{
	width: 90%;
	min-height: 30px;
	overflow: hidden;
	margin: 15px auto 10px auto;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px 0px 10px #c8c8c8;
}
header nav p{
	min-height: 40px;
	border-radius: 10px 10px 0 0;
	font-size: 13pt;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #4a7e3a;
}
header nav ul{
	padding: 10px 0 10px 0;
	background: #f6f6f6;
}
header nav ul li{
	padding: 0 0 3px 0;
	border-bottom: 2px dotted #ccc;
	margin: 0 10px 5px 10px;
}
header nav ul li:last-child a{
	font-weight: 600;
	color: #333;
}

/*------------------------Generales del Template Section#Content------------------------*/
#content{
	width: 78%;
	min-height: 400px;
	overflow: hidden;
	float: left;
	margin: 20px 0 50px 0;
}
#contentCentral{
	width: 94%;
	margin: 45px auto 0 auto;
}
#contentCentral aside{
	overflow: hidden;
}
/*------Título-Buscador-Regresar------*/
#contentCentral aside .titsearch{
	height: 50px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
#contentCentral aside .titsearch form{
	float: right;
	margin: 10px 0 0 0;
	box-shadow: 0px 0px 10px #c8c8c8;
}
#contentCentral aside .titsearch form input[type="text"]{
	width: 150px;
	height: 30px;
	float: right;
	border: none;
	padding: 0 5px 0 5px;
	line-height: 30px;
	background: #f6f6f6;
}
#contentCentral aside .titsearch form input[type="image"]{
	float: right;
	border: none;	
	background: #4a7e3a;
}
#contentCentral aside .titsearch span{
	float: right;
	margin: 20px 5px 0 0;
	font-size: 12pt;
}
#contentCentral aside .titsearch span a{
	margin: 0 0 0 0;
	color: #4a7e3a;
}
#contentCentral aside .titsearch span a p{
	float: left;
}
#contentCentral aside .titsearch span a img{
	float: left;
	margin: 0 0 0 10px;
}
/*------Errores------*/
#contentCentral aside #divError{
	margin: 0 0 10px 0;
	font-size: 11pt;
	font-style: italic;
	text-align: center;
	color: #ba0001;
}
/*------Filtrar-Agregar------*/
#contentCentral aside .acciongral{
	height: 30px;
	overflow: hidden;
	display: block;
	clear: both;
	padding: 8px 8px 8px 8px;
	border-radius: 10px 10px 0 0;
	font-size: 13pt;
	line-height: 30px;
	color: #fff;
	background: #4a7e3a;
}
#contentCentral aside .acciongral div{
	float: left;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}
#contentCentral aside .acciongral div select{
	width: 200px;
	height: 22px;
	padding: 1px 2px 1px 2px;
	margin: 0 0 0 10px;
	line-height: 22px;	
}
#contentCentral aside .acciongral a{
	display: inline-block;
	float: right;
	color: #fff;
}
#contentCentral aside .acciongral a span{
	float: left;
}
#contentCentral aside .acciongral a img{
	float: left;
	margin: 0 0 0 5px;
}

/*------------------------Filtros------------------------*/
#contentCentral aside .filtros{
	min-height: 15px;
	overflow: hidden;
	display: block;
	clear: both;
	padding: 5px 4px 5px 4px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 13pt;
	line-height: 15px;
	color: #fff;
	background: #e7e7e7;
}
#contentCentral aside .filtros aside{
	width: 28%;
	float: left;
	padding: 0 0 0 2%;
	margin: 0 3% 0 0;
}
#contentCentral aside .filtros aside label{
	font-size: 11pt;
	font-weight: 600;
	color: #000;
}
#contentCentral aside .filtros aside select{
	width: 98%;
	height: 22px;
	display: block;
	border: none;
	padding: 1px 2px 1px 2px;
	margin: 5px 0 0 0;
	line-height: 22px;	
}

/*------------------------Tablas Lista Datos------------------------*/
#contentCentral table{
	width: 100%;
	clear: both;
	border-radius: 10px;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
}
#contentCentral table.listaTable tr:nth-child(odd) {
   background: #f6f6f6;
}

#contentCentral table.listaTable tr:nth-child(even) {
   background: #fff;
}
#contentCentral table.listaTable tr:hover{
	background: #e8f6fe;
}
#contentCentral table.listaTable tr th{
	height: 35px;
	padding: 0 0 0 0;
	border-top: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	font-size: 11pt;
	color: #fff;
	background: #333;	
}
#contentCentral table.listaTable tr td{
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding: 4px 5px 4px 5px;
}
#contentCentral table.listaTable tr td img{
	max-width: 20px;
	display: inline-block;
}
#contentCentral table.listaTable tr td.listaMiniatura img{
	max-width: 100%;
	max-height: 80px;
	display: block;
	margin: 0 auto 0 auto;
}

/*------------------------Paginación------------------------*/
.paginacion{
	width: 100%;
	height: 25px;
	margin: 20px 0 20px 0;
	text-align: center;
}
.paginacion b{
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	border-radius: 15px;
	margin: 0 2px 0 2px;
	font-weight: normal;
	line-height: 25px;
	color: #fff;
	background: #4a7e3a;
}
.paginacion a{
	width: 25px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	border-radius: 15px;
	margin: 0 2px 0 2px;
	line-height: 25px;
	color: #fff;
	background: #666;
}
.paginacion a:hover{
	background: #4a7e3a;
}

/*------Mostrar------*/
.mostrar{
	width: 145px;
	float: right;
	padding: 2px 2px 2px 2px;
	border-radius: 15px 0 0 15px;
	margin: -48px 0 0 0;
	background: #4a7e3a;
	color: #fff;
	text-align: right;
}
.mostrar select{
	width: 70px;
	margin: 0 5px 0 0;
}

/*------------------------Formulario Agrega-Alta-Modifica-Elimina------------------------*/
.formulario{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}
.formulario aside{
	width: 100%;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 0 0;
	overflow: hidden;
	clear: both;
	background: #f6f6f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  	
}
.formulario aside div.floatLeft{
	width: 40%;
	float: left;
	font-weight: 600;
	text-align: right;
}
.formulario aside div.floatRight{
	width: 57%;
	float: right;
	margin: 0 10px 0 0;
}
.formulario aside div.floatRight div.mce-tinymce{
	width: 82%;
}
.formulario aside div.floatRight > a.pdf{/*Para descarga de PDF*/
	float: left;
	height: 34px;
	padding: 0 0 0 35px;
	margin: 0 0 0 0;
	font-weight: 600;
	text-decoration: underline;
	color: #4a7e3a;
	background: url(../images/iconPDF.png) no-repeat left 0;
}
.formulario aside div.floatRight > a.pdf:hover{color: #333;}
.formulario aside div > strong{
	display: block;
	margin: 10px 0 0 0;
	font-size: 12pt;
	font-weight: 600;
	color: #4a7e3a;
}
.formulario aside div small{
	max-width: 82%;
	display: block;
	clear: both;
	margin: 0 0 0px 0;
	font-size: 9pt;
	font-weight: 600;
	color: #555;
}
.formulario aside div img{
	max-width: 50%;
	margin: 5px 0 10px 0;
}
/*------Eliminar herencias del editor - Inicia------*/
.formulario aside div.txtEditor *{float: none;padding: 0 0 0 0;border: 0;margin: 0 0 0 0;text-align: left;background: none;}
.formulario aside div.txtEditor p{margin: 0 0 10px 0;}
.formulario aside div.txtEditor strong{font-weight: 700;}
.formulario aside div.txtEditor em{font-style: italic;}
.formulario aside div.txtEditor ul{list-style: disc;margin: 0 0 0 20px;}
.formulario aside div.txtEditor ol{list-style: decimal;margin: 0 0 0 20px;}
.formulario aside div.txtEditor h1,
.formulario aside div.txtEditor h2,
.formulario aside div.txtEditor h3,
.formulario aside div.txtEditor h4,
.formulario aside div.txtEditor h5,
.formulario aside div.txtEditor h6{color: #666;font-size: 15pt;line-height: initial;}
/*------Eliminar herencias del editor - Termina------*/
.formulario label{
	min-height: 22px;
	display: block;
	float: right;
	font-weight: 600;
	line-height: 22px;
}
.formulario input, select, textarea{
	padding: 2px 0px 2px 3px;
}
.formulario input[type="text"],
.formulario input[type="file"],
.formulario input[type="password"]{
	width: 82%;
	height: 21px;
	float: left;
	margin: 0 5px 0 0;
	line-height: 21px;
}
.formulario input[type="text"]:focus{background: #fefefe;}
.formulario input[type="file"]:focus{background: #fefefe;}

.formulario select{
	width: 82%;
	height: 25px;
	float: left;
	margin: 0 5px 0 0;
	line-height: 21px;
}
.formulario select:focus{background: #fefefe;}

.formulario textarea{
	width: 82%;
	height: 100px;
	display: block;
	clear: both;
}
.formulario textarea:focus{background: #fefefe;}

.formulario input[type="submit"],
.formulario input[type="button"]{
	width: 120px;
	min-height: 30px;
	clear: both;
	border: none;
	border-radius: 5px 5px 5px 5px;
	margin: 10px 5px 0 0;
	font-size: 12pt;
	line-height: 30px;
	cursor: pointer;
	color: #fff;
	background: #4a7e3a;
}
.formulario input[type="submit"]:hover,
.formulario input[type="button"]:hover{
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	background: #333;
}
.formulario .aste{
	height: 22px;
	display: block;
	float: right;
	margin: 0 5px 0 5px;
	font-weight: 600;
	color: #4a7e3a;
}
.formulario .asteNota, .asteNota{
	display: block;
	vertical-align: top;
	font-size: 9pt;
	font-weight: 600;
	text-align: center;
	color: #4a7e3a;
}

/*------------------------Acceso y Cierre------------------------*/
#accesocierre{
	text-align: center;
}
#accesocierre div{
	width: 300px;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	margin: 50px auto 10px auto;
}
#accesocierre div.logo2index{
	margin-top: 0;
}
#accesocierre div img{
	max-width: 100%;
	max-height: 200px;
	margin: 20px auto 20px auto;
}
#accesocierre div h1{
	float: none;
	font-size: 15pt;
	text-align: center;
}
#accesocierre section{
	width: 300px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #eee;
	margin: 0 auto 0 auto;
	box-shadow: 0px 0px 10px #c8c8c8;
}
#accesocierre section aside{
	border-bottom: none;
}
#accesocierre section aside label{
	display: block;
	float: none;
	clear: both;
}
#accesocierre section aside input{
	clear: both;
	text-align: center;
}
#accesocierre section aside span{
	font-weight: 600;
	color: #4a7e3a;
}
#accesocierre section .formulario input[type="password"]{
	float: none;
}

/*------------------------Bienvenido------------------------*/
.bienvenido{
	overflow: hidden;
	padding: 50px 0 50px 0;
	border: 1px dashed #eee;
	border-radius: 15px 15px 15px 15px;
	margin: 105px 0 0 0;
	*margin: 60px 0 0 0;
	box-shadow: 0px 0px 10px #c8c8c8;
}

/*------------------------Aviso------------------------*/
div.aviso{
	padding: 10px 50px;
	font-size: 12pt;
	font-weight: 600;
}