/*------------------fixs---------------------*/


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear_both{
	clear:both;
}

.nodisplay {
	display:none;
}

.box_model {
   box-sizing:border-box;
-moz-box-sizing: border-box;
	}

table {
	border-collapse:collapse;
	table-layout:fixed;
	}

/*---------genericos-----------*/

strong {
	font-weight:bold;
	}

em, em *{
  	font-style: italic;
  	}

/*-------------- normaliza los bordes de inputs y textarea para IE11 --------------*/

input[type="text"], textarea
{
    border:1px solid #e2e3ea;
    border-top:1px solid #abadb3;

    }



/*---efecto de transición. Se asigna al elemento y sus hijos directos
para poderlo usar sólo en el ul de una lista con efetos en los li, por ejemplo-------*/

.transition_efect,
.transition_efect:hover {
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

/*------------------------arregla las select en IE8 (con jquery)-------------------------*/

.select-overlay { background:#fff }

.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(../images/bg-ie-select-width.png) no-repeat 0 0
}


/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }

.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }


/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }

.ie8 .select-overlay-active span { background-position:-18px 0 }


/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span{
    width:17px;
    height:20px;
    background-position:-36px 0
}

#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }

#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }


/*------fonts-----*/


@font-face {
  font-family: 'ErasITC-Medium';
  src: url('ErasITC-Medium.eot?#iefix') format('embedded-opentype'),
      /*  url('ErasITC-Medium.woff') format('woff'), */
		url('ErasITC-Medium.ttf')  format('truetype'),
		url('ErasITC-Medium.svg#ErasITC-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*--------------------datepicker jquery---------------------------*/



#ui-datepicker-div {
	font-size:11px;
	border:1px solid #5886ab;
	box-shadow:rgba(0,0,0,0.3) 3px 3px 4px;
	border-radius: 0;
	color:#888;
}


.ui-datepicker-trigger {
	margin:0 5px 0 5px;
	vertical-align:text-bottom;
	cursor:pointer;
}

#ui-datepicker-div th {
	font-weight:normal;

}

#ui-datepicker-div .ui-datepicker-header {
	background-image:none;
	color:#fff;
	background-color:#dee9f2;
	border:none;
	border-radius: 0;
}

#ui-datepicker-div .ui-datepicker-title {
	color:#888;
}

#ui-datepicker-div .ui-state-active {
	background-image:none;
	color:#fff;
	background-color:#5288b2;
	border:none;
}

#ui-datepicker-div .ui-state-default {
	background-image:none;
	background-color:#f1f1f1;
	color:#777;
	border:1px solid #aaa;
}
#ui-datepicker-div .ui-state-hover{
	background-image:none;
	background-color:#5886ab;
	color:#fff;
	border: 1px solid #5886ab;
}

#ui-datepicker-div .ui-datepicker-prev span {
	background:url(../images/flechas_calendario.png) no-repeat 0 0;
    margin-left: -8px;
    margin-top: -8px;
	cursor:pointer;
}

#ui-datepicker-div .ui-datepicker-prev.ui-state-hover span {
	background-position: -32px 0 ;
}



#ui-datepicker-div .ui-datepicker-next span {
	background:url(../images/flechas_calendario.png) no-repeat -18px 0;
    margin-left: -8px;
    margin-top: -8px;
	cursor:pointer;
}


#ui-datepicker-div .ui-datepicker-next.ui-state-hover span {
	background-position: -50px 0 ;
}