@charset "utf-8";
/* CSS Document */

.boton{
    background: #FA3434;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: .6em 1.3em .6em 1.3em;
    height: 2.5em;
}

.botonR{
    background: #FA3434;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: .6em 1.3em .6em 1.3em;
    height: 2.3em;
}

.botonRp{
    background: #C7C7C7;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: 1.2em 0.2em 1.2em 0.2em;
    height: 1.3em;
}

.botonG{
    background: #EEEEEE;
    -moz-border-radius: 35px; 
    border-radius: 35px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: .5em 1em .5em 1em;
}

.botonGB{
    background: #0A595F;
    -moz-border-radius: 35px; 
    border-radius: 35px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: .5em 1em .5em 1em;
}

.botonT{
    background: #ffffff;
    -moz-border-radius: 35px; 
    border-radius: 35px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: default;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: .4em 1em .4em 1em;
    height: 1.5em;
}

.cmb_pagN{
    background-color:#444444; 
    border:none; 
    outline:none; 
    display: inline-block; 
    -webkit-appearance:none; 
    -moz-appearance:none;
    appearance:none;
    opacity: 0;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    position:relative;
    z-index:3;
}

.cmb_pagB{
    background-color:#FFFFFF; 
    border:none; 
    outline:none; 
    display: inline-block; 
    -webkit-appearance:none; 
    -moz-appearance:none;
    appearance:none;
    opacity: 0;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    position:relative;
    z-index:3;
}

.cmb_pagV{
    background-color:#0A5960; 
    border:none; 
    outline:none; 
    display: inline-block; 
    -webkit-appearance:none; 
    -moz-appearance:none;
    appearance:none;
    opacity: 0;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    position:relative;
    z-index:3;
}

.cmb_arrow{
    position:absolute;
    float:left;
    cursor:default;
    z-index:2;
    margin-top: 2px;
    margin-left: 26px;
}
.cmb_dato{
    position:absolute;
    float:left;
    cursor:default;
    z-index:2;
    margin-top: 1px;
    margin-left: 5px;
}

.triangulo_sup_outer{
    border-bottom: 20px solid #C7C7C7;
    border-left: 20px dotted transparent;
    border-right: 20px dotted transparent;
    left: 0px; top: 0px;
    height: 0; width: 0; /* no tendrá dimensiones */
    margin-top: -20px; 
    z-index: 10;
    text-align: center;
}
.triangulo_sup_inner{
    border-bottom: 20px solid #FAFAFA;
    border-left: 20px dotted transparent;
    border-right: 20px dotted transparent;
    position: relative;    
    left: -19px; top: 2px;
    height: 0; width: 0; /* no tendrá dimensiones */
    z-index: 11;
}

/*********/
.circulo_rojo_texto_blanco_pequenio {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background-color:#FA3434;
	color:#FFF;
	vertical-align: middle;
	font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
}

.circulo_rojo_texto_blanco_grande {
	border-radius: 50%;
	width: 38px;
	height: 38px;
	background-color:#FA3434;
	color:#FFF;
	vertical-align: middle;
	font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-align:center;
        padding: 0.2em 0em 0em 0em;
}

.circulo_gris_grande {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background-color:#FFFFFF;
	border: 1px solid;
	border-color: #999999;
	color:#FFF;
	vertical-align:middle;
	font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
}

.circulo_verde_texto_blanco_grande {
	border-radius: 50%;
	width: 38px;
	height: 38px;
	background-color:#0A595F;
	color:#FFF;
	vertical-align: middle;
	font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-align:center;
	line-height: 40px;
}

.inputG{
    background: #EEEEEE;
    border: 1px solid #ffffff;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 2.1em;
}

.inputVC{
    background: #10ACBE;
    border: 0px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 3.5em;
}
.inputVO{
    background: #37787C;
    border: 0px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 3.5em;
    padding: 0em 1em 0em 1em;
}

.inputV{
    background: #0A595F;
    border: 1px solid #C7C7C7;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 2.3em;
}

.inputVG{
    background: #37787C;
    border: 0px;
    border-bottom: 1px solid #C7C7C7;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    height: 3em;
}

.inputB{
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 2.3em;
}

.inputW{
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    height: 2.1em;
}

.inputTextArea{
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.baseTab {
    background: #FAFAFA;
    border-top: 1px solid #C7C7C7;
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;  
    padding: 10px 40px;
}

.datosTab {
    background: #FAFAFA;
    border: 1px solid #C7C7C7;
    padding: 12px 8px;
}

.inputLW {
    text-align: left;
    width: 100%;
}



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

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.4%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

.btn-circulacion{
	  color: #10abbc;
}