body {font-family:PTSans,Arial;font-size:15px;color:#555555;}
body{background-image:url('../imgs/fdoTorosWeb.jpgx');width:100%;height:100%;}
*{margin:0px;padding:0;}

::placeholder { font-style:italic;text-transform: lowercase; }
:-ms-input-placeholder { font-style:italic;text-transform: lowercase; } /* IE 10+ */
::-webkit-input-placeholder { font-style:italic; text-transform: lowercase;} /* WebKit */
::-moz-placeholder { font-style:italic;text-transform: lowercase; } /* Firefox 19+ */

@font-face {font-family: PTSans;src: url(../fonts/OpenSans-Light.ttf);}
@font-face {
	font-family: 'Font Awesome 5 Brands';font-style: normal;font-weight: 400; font-display: block;
	src: url("../webfonts/fa-brands-400.eot");
	src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); 
	}
@font-face {
	font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block;
	src: url("../webfonts/fa-solid-900.eot");
	src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); 
	}

.fa,.fas,.far,.fal,.fad,.fab {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.fab {font-family: 'Font Awesome 5 Brands';font-weight: 400; }
.far {font-family: 'Font Awesome 5 Free';font-weight: 400; }
.fa,.fas {font-family: 'Font Awesome 5 Free';font-weight: 900; }
  
.fa-search:before {content: "\f002"; }
.fa-bars:before {content: "\f0c9"; }
.fa-plus:before {content: "\f067"; }
.fa-edit:before{content: "\f044"; }
.fa-trash-alt:before{content: "\f2ed"; }
.fa-filter:before{content: "\f0b0"; }
.fa-home:before{content: "\f015"; }
.fa-close:before{content: "\f00d"; }
.fa-book:before {content: "\f02d";}
.fa-print:before {content: "\f02f";}
.fa-cog:before {content: "\f013";}
.fa-sign-out-alt:before {content: "\f2f5";}
.fa-sitemap:before {content: "\f0e8";}
.fa-wpforms:before {content: "\f298";}

.encabezado {display:block;width:95%;margin:auto;max-width:1145px;min-width:320px;order:10000;}
.pie{display:block;width:95%;margin:0 auto;max-width:1145px;min-width:320px;}
.cuerpo{display:block;width:95%;margin:0 auto;max-width:1145px;min-width:320px;order:10000;}

/* ACCESO >>> */
.fdoPlaza{background-image:url("../imgs/ranchoSeco.jpg");background-repeat:no-repeat;background-position:center top;}
.ctrAcceso{margin:auto;width:350px;padding:10px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: #FFFFFF;box-sizing: border-box;}
.ctrAcceso input{width:100%;padding: 12px 20px;margin:8px 0;display:inline-block;border: 1px solid #ccc;box-sizing: border-box;}
.ctrAcceso button {background-color: #4CAF50;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;width: 100%;}
.ctrAcceso button:hover {opacity: 0.8;}
.ctrImg {text-align: center;margin: 20px 0 10px 0;}
.ctrImg img {margin:20px 10px 20px 10px	;}
.ctrUsrm {padding: 16px;}

.marca-de-agua{margin:auto;width:350px;padding:10px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: #FFFFFF;box-sizing: border-box;}

.accesoDirecto{margin:auto;width:100%;min-width:320px;max-width:1024px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: #FFFFFF;box-sizing: border-box;text-align:center;}
.accesoDirecto>div{display:inline-block;background-color:#E3EFFF; margin:5px;width:240px;box-sizing:border-box;border-radius: 6px;}


/* MENU >>>> */
header{position:fixed;width:100%;top:0;left:0;background:#476100;z-index:1;}
header #button-menu{display:inline-block;font-size:2.0em;color: #ffffff;cursor:pointer;padding:10px;width:20px;}
.idMenu{display:inline-block;font-size:2.0em;color: #ffffff;padding-left:10px;}
.navegacion{position: absolute;top: 100%;left: 0;width: 0%;background: rgba(0,0,0,.0);}
.navegacion ul{width: 320px;background: #fff;list-style: none;position: absolute;top: 0;left: -320px;transition: left .3s;overflow-y: auto;
	height:90%;height: -moz-calc(90%);height: -webkit-calc(90%); height: calc(90%);}
.navegacion .menu li.title-menu{padding:14px;background: #5F6F81;color: #fff;text-align: center;font-size: 18px;}
.navegacion .menu a{display: block;padding: 14px;border-bottom: 1px solid #C6D0DA;font-size: 18px;text-decoration: none;color: #575D69;}
.navegacion .menu a:hover{background: #798DA3;color: #fff;}
.navegacion .menu li span.icon-menu{margin-right: 12px;}
.navegacion .menu .item-submenu > a::after{font: normal normal normal 14px/1 'Font Awesome 5 Free';font-size: inherit;content:'\f105';float:right;
	color: #C5C5C5;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.navegacion .submenu li.title-menu{background: #FFF;color: #575D69;}
.navegacion .submenu li.go-back{padding: 10px 20px;background: #5F6F81;color: #fff;font-size: 18px;cursor: pointer;}
.navegacion .submenu li.go-back::before{font: normal normal normal 14px/1 'Font Awesome 5 Free';font-size: inherit;content: '\f0d9';margin-right: 10px;
  	text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
/* MENU <<<< */

/* Tabulacion */
.linkTab{display:block;background-color:#FFFFFF;color:#000000;display:inline-block;padding:15px;text-decoration:none;width:100%;box-sizing: border-box;border-bottom:6px solid #c1c1c1;}
.linkTab:hover{background-color:#F2F2F2;color:#476100;font-weight:bold;border-bottom:6px solid #476100;}
.likkTabCur{font-weight:bold;border-bottom:6px solid #476100;}
.tabTabla{width:100%;border-collapse:collapse;}
.tabTabla td{width:16%;}
.bordeVerde{color:#476100;border-bottom:6px solid #476100;font-weight:bold;background-color:#F5F7F7;}

.pie{display:block;width:95%;margin:0 auto;max-width:1145px;min-width:320px;}

/* Paginacion */
.paginacion{float:left;margin:10px auto 10px auto;width:100%} 
.pagCur{float:left;font-size:1.8em;color:#FFFFFF;background-color:#4C66AF;margin:3px;padding:4px;display:block;}
.pag{float:left;font-size:1.8em;color:#000000;background-color:#999999;margin:3px;display:block;}
.pag a:link {display:block;text-decoration: none;color: #FFFFFF;padding:0 4px 0 4px;}
.pag a:visited {display:block;text-decoration: none;color: #FFFFFF;padding:0 4px 0 4px;}
.pag a:hover {background-color:#3365F1;padding:4px;}

/* Ventana Pop Up Modal */
#popup {visibility: hidden;display:none;opacity: 0;margin-top: -200px;}
#popup:target {visibility:visible;display:inherit;opacity: 1;background-color: rgba(0,0,0,0.8);position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
	}
.popup-contenedor {position: relative;margin:7% auto;padding:30px 50px;background-color: #fafafa;color:#333;border-radius: 3px;width:50%;}
a.popup-cerrar {position: absolute;top:3px;right:3px;background-color: #333;padding:7px 10px;font-size: 20px;text-decoration: none;line-height:1;color:#fff;}
a.popup-link {text-align: center;display: block;margin: 30px 0;}

/* Cuadro foto */
.ctrFoto{display:inline-block;width:100%;}
.imgFoto{display:block;width:90%;max-width:90%;margin:4px auto 4px auto;border:1px dashed #c1c1c1;background-color:#FFFFFF;}
.prewFoto{max-width:100%;}
.ocultarBtnFoto{height: 0px;width: 0px; overflow:hidden;}

/* VARIOS */
.btnAzul{display:block-inline;background-color: #3365F1;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;;}
.btnRojo{display:block-inline;background-color: #f44336;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;;}
.btnVerde{background-color: #4CAF50;color: white; padding: 14px 20px;margin: 8px 0;border: none; cursor: pointer;}
.lkBtnAzul{float:left;padding:10px;font-size:1.0em;background-color:#4C66AF;color:#f6f6f6 !important;border:0px;cursor:pointer;font-weight:normal;text-decoration:none;}
.lkBtnAzul:hover{background-color:#3365F1;color:#FFFFFF;}
.lkBtnVerde{float:left;padding:10px;font-size:1.0em;background-color:#476100;color:#f6f6f6 !important;border:0px;cursor:pointer;font-weight:normal;text-decoration:none;}
.lkBtnVerde:hover{background-color:#4CAF50;color:#FFFFFF;}
.lkBtnRojo{float:left;padding:10px;font-size:1.0em;background-color:#A51A1A;color:#f6f6f6 !important;border:0px;cursor:pointer;font-weight:normal;text-decoration:none;}
.lkBtnRojo:hover{background-color:#D60303;color:#FFFFFF;}
.linkAzul{color:#4C66AF;text-decoration:none;}
.linkAzul:hover{color:#3365F1;cursor:pointer; cursor: hand}
.linkVerde{color:#4CAF50;text-decoration:none;}
.linkVerde:hover{color:#4CAF50;cursor:pointer; cursor: hand}
.linkRojo{color:#D60303;text-decoration:none;}
.linkRojo:hover{color:#A51A1A;cursor:pointer; cursor: hand}
.txtMayusculas{text-transform:uppercase;}
.txtMinusculas{text-transform:lowercase;}
.txtCapitalize{text-transform:capitalize;}
.divIzq{float:left;}
.divDer{float:right;}
.centrar{text-align:center;}
.txtIzq{text-align:left;}
.txtDer{text-align:right;}
.separador{clear:both;}
.separador10{clear:both;height:10px;}
.separador45{margin-top:45px;}
.pad10{padding:10px;}
.ctrCaptura{display:inline-block;width:45%;box-sizing:border-box;margin:5px 10px;text-align:left;vertical-align:top;}
.ctrCaptura input,select,textarea{width:100%;box-sizing:border-box;padding:8px;text-transform: uppercase;}
.ctrCaptura input[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura select[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura textarea[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura>.inputC1{width:8%;text-transform: uppercase;text-align:center;}
.ctrCaptura>.inputC1[readonly]{background-color:#ffdfdf;}
.ctrCaptura4{display:inline-block;width:22%;box-sizing:border-box;margin:5px 10px;text-align:left;vertical-align:top;}
.ctrCaptura4 input,select,textarea{width:100%;box-sizing:border-box;padding:8px;text-transform: uppercase;}
.ctrCaptura4 input[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura4 select[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura4 textarea[readonly]{border:0;background-color:#FFFDC5;}
.ctrCaptura4>.inputC1{width:8%;text-transform: uppercase;text-align:center;}
.ctrCaptura4>.inputC1[readonly]{background-color:#ffdfdf;}
.ctrFiltro{display:inline-block;width:100%;box-sizing:border-box;margin:5px 10px;text-align:left;vertical-align:top;}
.ctrFiltro input,select{width:100%;box-sizing:border-box;padding:8px;text-transform: uppercase;}
.divMitad{width:45%;}
.tabla{overflow-x:none;}
.cuaderno{padding:0px;margin:0px;width:100%;}
.cuaderno td{margin:0px;padding: 8px;}
.cuaderno th{margin:0px;padding: 10px;background-color:#666666;color:#ffffff;}
.cuaderno tr:nth-child(odd) {background-color:#F6F6F6;}
.cuaderno tr:nth-child(even) {background-color:#E8E8E8;}
.bgGris{background-color:#c1c1c1;}
.bgGrisClaro{background: #F5F7F7}
.bgNegro{background: #111111}
.bgGrisObscuro{background: #666666}
.ftGrisClaro{color: #F5F7F7}
.ftBlanca{color: #F5F7F7}
.error{display:inline-block;font-size:0.7em;background-color:#f44336;color:#FFFFFF;padding:2px;vertical-align:top;}
.divScroll{overflow-y:scroll;height:150px;background-color:#F9F9F9;border:1px solid #c1c1c1;padding:0px;}
/* The switch - the box around the slider */
.switch {position: relative;display: inline-block;width: 60px;height: 34px; }
/* Hide default HTML checkbox */
.switch input {opacity: 0; width: 0; height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white; -webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #23C513;}
input:focus + .slider {box-shadow: 0 0 1px #23C513;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

@media screen and (max-width: 600px) {
	.pad10{padding:0 0 10px 0;}
	.tabla {width:100%;}
	.tabla thead {display: none;}
	.tabla tr:nth-of-type(2n) {background-color: inherit;}
	.tabla tr td:first-child {background: #f0f0f0;font-weight:bold;font-size:1.3em;}
	.tabla tbody td {display: block;text-align:left;padding: 4px;}
	.tabla tbody td:before {content: attr(data-th);text-align:left;}
	.linkTab{padding:10px;}
	.tabTabla {width:100%;}
	.tabTabla tbody td {display: block;text-align:left;width:100%;}
	.ctrCaptura{display:block;width:95%;margin:10px auto 10px auto;}
	.ctrCaptura4{display:block;width:95%;margin:10px auto 10px auto;}
	.popup-contenedor{padding:30px 20px 20px 20px;width:80%;}
}