@charset "utf-8";

//Reset
html, body, div, h1, h2, h3, h4, p {
    font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size:16px;
	line-height: 1.5;
	color:#3b3a3a;
	font-weight:300;
	border: 0 none;

}

h1 {
	font-size:32px;
	text-align:center;
	font-family: 'Exo 2', sans-serif;
}

h2 {
	font-size:24px;
	font-family: 'Istok Web', sans-serif;

}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
}

h4 {
	font-family: 'Work Sans', sans-serif;
}

h5 {
	font-family: 'Work Sans', sans-serif;
}

h6 {
	font-family: 'Work Sans', sans-serif;
}

p {
	font-family: 'Work Sans', sans-serif;
	font-size:100%;
}

input, label {
	font-family: 'Work Sans', sans-serif;
	height:25px;
	width:98%;
	font-size:100%;
}

li {
	font-family: 'Work Sans', sans-serif;	
	font-size:100%;
}

table{
	width: 100%;	
}

table,th, td {
  padding: 8px;
  font-family: 'Work Sans', sans-serif;
  font-size:100%;
}

tr:nth-child(even){background-color: #f2f2f2;}
tr:nth-child(odd){background-color: #D0F7CC;}

tr:hover {background-color: #ddd;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}



fieldset {
    border-width: 0px;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

#container {
	width: 960px;
	margin: 0 auto;
	background-color:#FDEAE6;
}

#content {
	clear:both;
	overflow:auto;
	background-color:#FFF;
	
}

.inputcortes {
	border: none;
    background: transparent;
	font-size:16px;
}

h3.error {
	color:#f00;	
}
/*------PRINCIPAL-------------------*/

#principal {
	
}
/*------FIN FORMATO PRINCIPAL-------*/

/*------MENU-------------------*/

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
}

#menu li {
  float: left;
}

#menu li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: 'Coda', cursive;
}

#menu li a:hover:not(.active) {
  background-color: #ddd;
}

#menu li a.active {
  color: white;
  background-color: #4CAF50;
}


/*------FIN FORMATO MENU-------*/



/*------------------BOTONES-------*/
button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
    background-color: #666666;
    border-color: #28a745;
	cursor:pointer;
	margin:8px;
  }
  
button:hover {
	background-color:#2b8b41;
}


/*------FIN FORMATO BOTONES-------*/






/*------ 1. CONDICIONES-------------*/

#condiciones {
	margin:5px;
	padding:5px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 2px solid #ddd;
}

#condiciones i{
	color:#4caf50a1;	
}
/*------FIN FORMATO CONDICIONES-------*/

/*------ 2. CORTES-------------*/

#cortes {
	margin:5px;
	padding:5px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 2px solid #6C6;
}

#tablacortes {
	margin:2px;
	padding:20px;
}
/*------FIN FORMATO CORTES-------*/


/*------ 3. OUTPUT-------------*/

#output {
	margin:5px;
	padding:5px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 2px solid #FF3535;
}

#output img {
	display:block;
	margin-left:auto;
	margin-right:auto;	
}

a .atajo {
	color:#000;	
}

#tablaoptima {
	display:block;
	overflow-x:auto;	
}


/*------FIN FORMATO CORTES-------*/

/*------ FORMULARIO DE CONTACTO-------------*/
input[type=text].contacto, textarea.contacto {
  width: 100%;
  padding: 12px;  
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 6px;
  resize: vertical;
  height:auto;
}

input[type=submit].contacto {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height:auto;
  /*float:left;*/
  width:auto;
  
}
input[type=submit].contacto:hover {
  background-color: #45a049;
}

.formucontacto {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

#titformuconta h2 {
	background-color: #f2f2f2;
	border-radius: 5px;
	padding: 20px;
	margin-bottom:5px;
	margin-top:5px;
}

#captcha {
	float:right;	
}

/*------ FIN FORMULARIO DE CONTACTO-------------*/

#ingresocortes{
	width:50%;
}



/*------ FOOTER-------------*/
#footer{
	margin-top:2rem;
}



#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
}

#footer li {
  float: right;
  padding: 1rem;
}

#footer li a {
  display: block;
  color: #666;
  text-align: center;
  text-decoration: none;
  font-family: 'Coda', cursive;
}

#footer li a:hover:not(.active) {
  background-color: #ddd;
}

#footer li a.active {
  color: white;
  background-color: #4CAF50;
}


/*------FIN FORMATO FOOTER-------*/