@charset "utf-8";
@media only screen and (max-device-width:480px) {
body {padding:0;margin:0;}
#calculadora {width:100% !important;float:left;}
#calculadora h3 {display:none;}
#datos,#jubilacion {width:95.5% !important;padding:6px 2% !important;}
#slider {display:none;}
#fecha,#cotizacion {border-bottom:1px solid #ccc;width:100% !important;padding:10px 0 8px 0;margin:0 !important;}
#fecha span,#cotizacion span {width:38% !important;margin:0 !important;float:left;font-weight:bold;color:#444;}
#jubilacion #progressbar {width:100% !important;margin:10px 0 !important;}
#datos select {margin:-1px 6px 0 0 !important;}
#datos #fecha select {width:58px;}
span#texto_anyos_cotizados,span#texto_meses_cotizados {font-weight:normal;color:#333;padding:0 6px 0 0;}
}

/* CSS Document */
#calculadora {width: auto; height: auto; margin:0px;padding:0px;font-family:'Tahoma', arial, verdana; color:#333;}
#calculadora h3{font-size:14px;margin:0; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #f3f3f3;}
#datos {float:left; width:99%;}
#datos #fecha {float:left; width:99%; font-size:11px; margin-bottom:10px;}
#datos #fecha select {border:1px solid #999; margin-right:5px; font-size:11px; color:#666}
#datos #cotizacion {width:100%; float:left; font-size:11px;}
#datos #cotizacion #slider {float:left;margin:2px 2px 10px 3px;width:180px;}
#datos #cotizacion span {float:left; width:100%;margin-bottom:5px;}
#datos #cotizacion select {float:left;border:1px solid #999; font-size:11px; color:#666; margin:0px 5px; }
#datos #cotizacion span#anyos_cotizados{border:1px solid #999; font-size:11px; color:#666; margin-left:0px; }
#datos #cotizacion span#texto_anyos_cotizados {float:left; width:auto !important;}
#datos #cotizacion span#texto_meses_cotizados {float:left; width:auto !important}
#jubilacion {float:left; width:95%; margin-top:7px; font-size:11px; background-color:#f3f3f3; padding:10px; margin-bottom:10px; border:1px solid #ddd;}
#jubilacion p {margin:0px; font-weight:bold;}
#jubilacion p #anyo_jubilacion {font-weight:bold; font-size:12px;}
#jubilacion #progressbar {clear:both;margin:15px 2px 10px 0px;width:100%;}
#jubilacion .izq {float:left;margin:0px 0px 5px 0px;}
#jubilacion .der {float:right;margin:0px 0px 5px 0px;}
/* STYLE BARS */
.ui-progressbar .ui-progressbar-value {
				height: 10px;
				margin: -1px;
			}

			.ui-slider .ui-slider-handle {
				cursor: default;
				height: 1.2em;
				position: absolute;
				width: 1.2em;
				z-index: 2;
			}

			.ui-slider-horizontal .ui-slider-handle {
				margin-left: -0.6em;
				top: -0.3em;
			}

			.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
				background: repeat-x scroll 50% 50% #E6E6E6;
			}

			.ui-state-default, .ui-widget-content .ui-state-default {
				background: repeat-x scroll 50% 50% #F6F6F6;
				border: 1px solid #CCCCCC;
				color: #1C94C4;
				font-weight: bold;
				outline: medium none;
			}

			.ui-widget-header {
				background: repeat-x scroll 50% 50% #F6A828;
				color: #FFFFFF;
				font-weight: bold;
			}

			.ui-slider .ui-slider-range {
				background-position: 0 0;
				border: 0 none;
				display: block;
				font-size: 0.7em;
				position: absolute;
				z-index: 1;
			}

			.ui-slider-horizontal .ui-slider-range {
				height: 100%;
				top: 0;
			}

			.ui-slider-horizontal .ui-slider-range-min {
				left: 0;
			}

			.ui-slider {
				position: relative;
				text-align: left;
			}

			.ui-slider-horizontal {
				height: 0.8em;
			}

			.ui-widget {
				font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
				font-size: 1.1em;
			}

			.ui-widget-content {
				background: repeat-x scroll 50% top #EEEEEE;
				border: 1px solid #DDDDDD;
				color: #333333;
			}

			.ui-corner-all {
				-moz-border-radius: 4px 4px 4px 4px;
			}