/* solid-light-green */
@import url(https://fonts.googleapis.com/css?family=Roboto);

html{
  height: 100%;
}

/*Estilos para la etiqueta del formulario */

form{
  margin:0 auto;
  background-color: #FFFFFF;
  font-size: 14px;
  font-family: 'Roboto',Arial,Helvetica,sans-serif;
  color: #34495E;
  max-width: 800px;
  min-width: 150px;
  line-height: 1.231;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  position:relative;
  padding-top:5em;
}

/*Fuente para todos los elementos de la pagina */


* {
	
  font-family: 'Roboto',Arial,Helvetica,sans-serif !important;
  	
	
}

/*Posicion para las etiquetas font para que se ubiquen correctamente en la pagina */


font{
	
	position:relative;
	left:0px;
	top:0px;
	
	
}

/*Estilos para el encabezado que es el primer Font en la pagina */


form>font:first-child { 
	
    font-size: 1.5em;
    font-weight: 300;
    color: #FFFFFF;
	background-color: #c14141;
    border-top: 1px solid #c14141;
    border-bottom: 5px solid #c14141;
	border-radius: 5px 5px 0 0;
	width:94%;
	position:absolute;
	padding-top: 1em;
    padding-bottom: 1em;
	padding-left:3%;
	padding-right:3%;
	left:0px;
	top:0px;
	
    
}


/*Estilos para los elementos de entrada en la pagina */


input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=date], 
input[type=number], 
input[type=tel], 
textarea, 
select {
    border-style: solid;
    border-width: 2px;
    border-color: #bdc3c7;
    -webkit-transition: border-color 0.5s ease-in-out;
    transition: border-color 0.5s ease-in-out;
    border-radius:3px;

    padding: 8px 8px 8px 2.3em;
  
    outline:none;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
  
    font-size: 1em;
}

/*Estilos para los elementos de tipo texto */


input[type=text]{
	
	width:100%;
	background-image:url(../imgs/pencil.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	transition: background-image 1s, border-color 1s ;
	
}

/*Estilos para los elementos de tipo texto cuando se enfoca en estos */


input[type=text]:focus {
  border-color: #c14141;
  background-image:url(../imgs/pencil_focus.png);
}


input[type=number]{
	
	width:100%;
	background-image:url(../imgs/pencil.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	transition: background-image 1s, border-color 1s ;
	
}


input[type=number]:focus {
  border-color: #c14141;
  background-image:url(../imgs/pencil_focus.png);
}

/*Estilos para los elementos de tipo listados o combos */


select{
	
	width:100%;
	background-image:url(../imgs/menu.png);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	transition: background-image 1s, border-color 1s ;
	
}

/*Estilos para los elementos de tipo listados o combos cuando se enfoca en estos */


select:focus{
	
	border-color: #c14141;
	background-image:url(../imgs/menu_focus.png);
	
}

/*Estilos para los botones radio */


.clearfix:before,
.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.prettycheckbox,
.prettyradio{display:inline-block;padding:0;margin:0}
.prettycheckbox>a,
.prettyradio>a{height:30px;width:30px;display:block;float:left;cursor:pointer;margin:0;background:url('../imgs/sprites-sfa68604977.png'); top:7px; position:relative;}
.prettycheckbox>a:focus,
.prettyradio>a:focus{outline:0 none}
.prettycheckbox label,
.prettyradio label{display:none;float:left;margin:6px 5px;cursor:pointer}
.prettycheckbox a.disabled,
.prettycheckbox label.disabled,
.prettyradio a.disabled,
.prettyradio label.disabled{cursor:not-allowed}
.prettycheckbox>a{background-position:0 0}
.prettycheckbox>a:focus{background-position:-30px 0}
.prettycheckbox>a.checked{background-position:-60px 0}
.prettycheckbox>a.checked:focus{background-position:-90px 0}
.prettycheckbox>a.checked.disabled{background-position:-150px 0}
.prettycheckbox>a.disabled{background-position:-120px 0}
.prettyradio>a{background-position:-180px 0}
.prettyradio>a:focus{background-position:-210px 0}
.prettyradio>a.checked{background-position:-240px 0}
.prettyradio>a.checked:focus{background-position:-270px 0}
.prettyradio>a.checked.disabled{background-position:-330px 0}
.prettyradio>a.disabled{background-position:-300px 0}


/*Estilos para los botones */


input[type=submit], 
input[type=button],
input[type=file],
button,
input[type=reset] {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c14141), color-stop(1, #ff6666));
	background:-moz-linear-gradient(top, #c14141 5%, #ff6666 100%);
	background:-webkit-linear-gradient(top, #c14141 5%, #ff6666 100%);
	background:-o-linear-gradient(top, #c14141 5%, #ff6666 100%);
	background:-ms-linear-gradient(top, #c14141 5%, #ff6666 100%);
	background:linear-gradient(to bottom, #c14141 5%, #ff6666 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c14141', endColorstr='#ff6666',GradientType=0);
	background-color:#c14141;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #929290;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:Arial;
	font-size:17px;
	padding:12px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #929290;
}


/*Estilos para los botones cuando pasa el cursor por encima */


input[type=submit]:hover, 
input[type=button]:hover,
input[type=file]:hover,
button:hover,
input[type=reset]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #2D2C2C));
	background:-moz-linear-gradient(top, #000000 5%, #2D2C2C 100%);
	background:-webkit-linear-gradient(top, #000000 5%, #2D2C2C 100%);
	background:-o-linear-gradient(top, #000000 5%, #2D2C2C 100%);
	background:-ms-linear-gradient(top, #000000 5%, #2D2C2C 100%);
	background:linear-gradient(to bottom, #000000 5%, #2D2C2C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2D2C2C',GradientType=0);
	background-color:#000000;
	color:#FFFFFF;
}

/*Estilos para los botones cuando se da click */


input[type=submit]:active, 
input[type=button]:active,
input[type=file]:active,
button:active,
input[type=reset]:active {
	position:relative;
	top:1px;
}


/*Estilos para las tablas de formularios y listados */



table{
	
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

/*Estilos para las filas de las tablas */


table, table tr {
	
	background-color:transparent;
	
}


/*Estilos para las celdas de datos y celdas de titulos de las tablas  */


table td, table th {
	
	border: 1px solid #CCC; 
	height: 30px;
	padding:7px;
	
}

/*Estilos para las celdas de titulos de las tablas  */



table th {
	background: #F3F3F3; 
	font-weight: bold; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#3b3f3c;
	
}


/*Estilos para las celdas de datos de las tablas  */


table td {
	background: #FAFAFA;
	text-align: left;
}



.select2.select2-container.select2-container--default{
	width: 50%;
}

.select2-container .select2-selection.select2-selection--single{
	height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-top: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	margin-top: 4px;
}