@charset "UTF-8";
*, *:after, *:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html, body {
	margin: 0;
	padding: 0;
	font: 400 1em/1.4em sans-serif;
	background-color:#eaeaea;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#respuesta2 > p {
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: justify;
}
#respuesta1 {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 1018;
	width: 100%;
	height: 100%;
	display: block;
}
#respuesta11 {
	position: relative;
	top: 0;
	background-color: #fff;
	z-index: 1017;
	padding: 20px;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	color: #033;
	border: 1px solid transparent;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: auto;
	outline: none;
	box-shadow: 0 2px 32px rgba(0, 0, 0, 0.6);
}
#anima {
	display:none; 
	border-radius: 4px; 
	border: 1px #999 solid; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	padding:6em;
	text-align:center;
}
#anima-carga {
	font-size: 11px;
	position: relative;
	padding: 0 4px 4px 0;
	left: 50%;
	margin-left: -25px;
	width: 56px;
	height: 55px;
	border-radius: 4px;
	background-color: #FFF;
	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	box-shadow: 0 2px 32px rgba(0, 0, 0, 0.6);
}
#btnenviar {
	display: none;
}

.texRight-left{
	text-align:right;
	}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.container2 {
	margin: 50px auto 100px;
	width: 100%;
	height: 100%;
	max-width: 1020px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
	background-color:#FFF;
}

#Header {
	width:100%; 
	height:auto; 
	background-color:#717c7d; 
	display:table;
	overflow: hidden;
	margin-bottom:1em;
	padding:40px 15px 0px 15px;
}
.H_uno_dos{
	float:left; 
	padding:10px 0 30px 0; 
	width:75%;
}
.H_uno{
	display:block; 
	float:left; 
	width:35%; 
	padding:0px 10px 0 0; 
	text-align:center;
	border-right:1px #666 solid;
	}
.H_dos{	
	float:left; 
	width:65%; 
	padding:10px 0 20px 20px; 
	font-family: 'Open Sans', sans-serif;
}
.H_tres{	
	float:left; width:25%; padding:0px 10px 20px 10px; text-align:center;
}
.H_logo1{
	width:100px;
	}
.name_sit{
	font-size:1.8em; 
	color:#444; 
	margin-bottom:0.1em;
}
.name_sit2{
	font-size:1.4em; 
	color:#444;
}
#namePag{
	 font-size:1.8em;
	 margin:0;
	}
.breadcrumbs {
	font-size: .8em;
	color: #333;
}
.breadcrumbs a {
	color: #666;
	text-decoration: underline;
	line-height: 2em;
}

.clearfix {
	color: green;
	height: 50px;
}
ol, ul {
	list-style: none;
	margin-bottom: 50px;
}
a {
	color: #000;
	text-decoration: none
}
a:hover {
	color: #333;
	text-decoration: none
}
a:focus, a:active {
	color: #000;
	text-decoration: none
}

img {
	max-width: 100% !important;
	border: 0;
}
h2 {
	padding: 10px;
}



/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  GROUPING  ============================================================================= */


.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}


.col:first-child {
	margin-left: 0;
} /* all browsers except IE6 and lower */
/*  GRID OF TWO  */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
	
}




/*  formularios  ==================================================================== */
.forma_izq{
	padding: .8em;
	font-size:1em;
	font-weight:bold;
	color: #000;
	text-align:right;
	border-bottom:#999 1px dotted;
		
}
.forma_der{
	padding: .8em;
	font: bold 1em;
	color: #000;
	text-align:left;
	border-bottom:#999 1px dotted;		
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea{
	-webkit-appearance: textfield;
	padding:0.5em 0 0.5em 0.5em;
	border: 1px solid #E8E8E8;
	border-radius:0.3em;
	font-size:1em;
	width:100%;
	box-shadow: 0 0 8px #EEE inset;
	background-color:#f8f8f8;
}
textarea{

	padding:0.5em;
	line-height:1.4em;
	
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus, select:focus {
	border: 1px #ccc solid;
	outline:solid 1px #999;
	box-shadow: 0 0 5px rgba(203, 203, 203, 1);
}


select{
	padding:0.5em;
	border: 1px solid #E8E8E8;
	border-radius:0.3em;
	font-size:1em;
	width:100%;
	box-shadow: 0 0 8px #EEE inset;
	background-color:#f8f8f8;
	
}
input[type="text"].autow,
input[type="number"].autow,
input[type="tel"].autow,
input[type="email"].autow,
textarea.autow,
select.autow{
	width:auto;
}
label.form_2col{
	clear:both;
	margin:0px;
 	padding:.8em .8em 0em .8em ;
	color: #333;
	display:block;
	text-align:left;
}
.div_form_2col{
	clear:both;
 	padding:0.8em;
	margin:0px 0px 10px 0;
	border-bottom:#EEE 1px dotted;
}
.noborde{
	border:none;
}

 fieldset > div {
    clear: both;
 	overflow: hidden;
	border-bottom:#EEE 1px dotted;
	
}
 fieldset  div >  label {
 	 width: 30%;
  	float: left;
  	padding: .8em;
	font-size:0.8em;
	font-weight:bold;
	color: #333;
	text-align:right;
	
}
 fieldset div.form_der {
 	 width: 70%;
 	 float: right;
  	padding: .8em;
	font-size:0.9em;
	font-weight:bold;
	color: #000;
	text-align:left;
	

}

fieldset{
	
	border-radius:5px;
	margin-bottom:10px;
	}
fieldset legend {
	border:#717c7d 1px solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: auto;
	outline: none;
	background-color:#717c7d;
	color:#717c7d;
	font-weight:bold;
	padding: 0.5em;
	margin: 0 0 1em 5px;
	border-radius:5px;
}	

.sinpadding{
	padding:0px;
}


#ficha{
	display:none; 
	border-radius: 4px; 
	border: 1px #999 solid; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	padding:6em;
	text-align:justify;
	
}
#ficha p{
	text-align:center;
}


/*  boton regresar  ==================================================================== */
a.button.icon span{
padding-left: 36px;
background: url(../img/icons.png) no-repeat 0 -4px;
}
a.button.icon.back span {
background-position: 0px -2px;
}

a.button.icon.buscar span {
background-position: 0px -36px;
}
a.button.icon.agregar span {
background-position: 0px -138px;
}
a.button.icon.guardar span {
background-position: 0px -70px;
}
a.button {
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
border: 1px solid #fff;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
border-radius: 4px;
padding: 4px 8px;
text-decoration: none;
text-shadow: #fff 0 1px 0;
width:auto;
display:inline-block;
margin-right: 15px;
margin-bottom: 15px;
color: #333;
line-height: 2em;
font-size:1em;
font-weight:bold;
}

a.button:hover {
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
color: #000;

}

a.button:active {
background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
margin-top: 1px;
}

#footer{
	clear:both; 
	padding: 0; 
	margin:2em 0 0 0; 
	height: auto; 
	background: #e8e8e8; 
	box-sizing: border-box; 
	font-size:0.9em; 
	color:#333;
}
.footer_in{
	margin: 0 auto; 
	width: 100%; 
	padding:1em; 
	max-width: 960px;
}
#botonesprint{
	text-align:center;
	margin:0 auto; 
	margin-top:3em;
	height:40px;
}
.migas{
	clear:both; padding:0 0 1em 0; font-size:0.9em;
}
#sube{
	width:100%; 
	padding:15px;
}




@media screen and (max-width: 940px) {	
.container {
	padding: 10px;
}
.container2 {
	margin:0 auto;
}
#ficha{
	padding:2em; 
	
}

fieldset > div >  label {
	text-align: right;
	 width: 100%;
    float: none;
    margin: 0 0 0.5em 0;
	border:0px;
	
  }
fieldset div.form_der {
    width: 100%;
    float: none;
	margin: 0 0 0.1em 0;
	padding-bottom:0.5em;
	padding-top:0.3em;
	height:auto;
  }



}


@media screen and (max-width: 768px) {
	
.container2 {
	margin:0 auto;
}

	
}

@media screen and (max-width: 640px) {
fieldset > div {
    margin: 0 0 0.1em 0; 
  }
fieldset > div >  label {
	 width: 100%;
    float: none;
    margin: 0 0 0.5em 0;
	border:0px;
	
  }
fieldset div.form_der {
    width: 100%;
    float: none;
	margin: 0 0 0.1em 0;
	padding-bottom:0.5em;
	padding-top:0.3em;
	height:auto;
  }
  
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  textarea,
  select {
    width: 100%; 
	 font-size:1em;
	 padding:0.8em;
  }	
.novisible{
	display:none;
	visibility:hidden;
}
.container2 {
	margin:0 auto;
}
#Header {
	padding:20px 0px 10px 10px;
}
.H_uno_dos{
	padding:0;
	width:90%;
}
.H_uno{
	padding:0px 5px 0 0;
	width:35%;
	}

.H_dos{	
	font-size:70%;
	padding:0 5px 0  5px;
	width:65%;

}
.H_tres{	
	width:10%; 
	padding:0px 0px 0px 0px;
	
}





.clearfix {
	position: absolute;
	top: 0px;
	left: 0px;
	color: green;
	height: 50px;
	padding: 0px;
	width: 100%;
	z-index: 1005;
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
.col {
	margin: 1% 0 2% 0%;
}

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}


.texRight-left{
	text-align:left;
	}

}
@media screen and (max-width: 400px) and (max-width: 600px){
	/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
.col {
	margin: 1% 0 2% 0%;
}

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}

fieldset > div {
    margin: 0 0 0.1em 0; 
  }
fieldset > div >  label {
	 width: 100%;
    float: none;
    margin: 0 0 0.5em 0;
	border:0px;
	
  }
fieldset div.form_der {
    width: 100%;
    float: none;
	margin: 0 0 0.1em 0;
	padding-bottom:0.5em;
	padding-top:0.3em;
	height:auto;
  }
  
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  textarea,
  select {
    width: 100%; 
	 font-size:1em;
	 padding:0.8em;
  }
#Header {
	padding:10px;
	
	
}
.H_uno_dos{
	float:left; 
	padding:0px 0 0 0; 
	width:80%;
	
}
.H_uno{
	display:block; 
	float:left; 
	width:90%; 
	padding:0px 0px 0 0; 
	text-align:center;
	border-right:none;
	}
.H_dos{	
	float:left; 
	width:90%; 
	padding:10px 0 20px 0px;
	font-size:75%;
	border-top:1px #999999 solid;
	clear:both;
	
}
.H_tres{	
	float:left; width:20%; padding:40px 0px 40px 15px; text-align:center;
	border-left:1px #666 solid;
}
.H_logo1{
	width:auto;
	}
}
@media screen and (max-width: 320px) and (max-width: 399px){
	/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
.col {
	margin: 1% 0 2% 0%;
}

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}

	
fieldset > div {
    margin: 0 0 0.1em 0; 
  }
fieldset > div >  label {
	 width: 100%;
    float: none;
    margin: 0 0 0.5em 0;
	border:0px;
	
  }
fieldset div.form_der {
    width: 100%;
    float: none;
	margin: 0 0 0.1em 0;
	padding-bottom:0.5em;
	padding-top:0.3em;
	height:auto;
  }
  
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  textarea,
  select {
    width: 100%; 
	 font-size:1em;
	 padding:0.8em;
  }
.H_dos{	 
	font-size:55%;
}
a.button {
font-size:1.2em;
}
#namePag{
	 font-size:1.4em;
	}
}


@media print{
.container2 {
	margin:0 auto;
	box-shadow: none;
	background-color:#FFF;
}
#footer{
	clear:both; padding: 0; margin:2em 0 0 0; height: auto; background: #e8e8e8; box-sizing: border-box; font-size:0.5em; color:#333;
}
.migas{
display:none;
	visibility:hidden;
}
#sube{
	display:none;
}
#botonesprint{
	display:none;
	visibility:hidden;
}
#ficha{
	padding:4em; 
	
}
#contenidoform, form, #respuesta1{
	display:none;
	visibility:hidden;
	height:0px;
}

}


table {
	border-collapse: separate;
	border-spacing:0px:
}
.backtotop {
float: right;
text-align: center;
background: #dcd8d8;
height: 20px;
width: 20px;
border-radius: 2px;
-moz-border-radius: 2px;
webkit-border-radius: 2px;
margin-right: -10px;
margin-left: 10px;
}