html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
	font-size:14px;
	text-align:justify;
	line-height:26px;
	overflow:scroll;
	text-align:center;  
    background-color: #fff;
}

tbody{
	width: 100%;
}

/* ESTILO LOGO */
.sgrc {
	font-family: Impact, Charcoal, sans-serif;
	color: #356AA0;
	font-weight: normal;
	font-style: normal;
	-webkit-text-shadow: 0px 0px 10px #fff;
	-moz-text-shadow: 0px 0px 10px #fff;
	text-shadow: 0px 0px 10px #fff;
}

#tarificador_tabla2{ align-items: center; justify-content:center; display:flex; }
#nuevo_tarificador{ min-width: 700px;margin-left:10px;}

.dotcom {
	font-family: Impact, Charcoal, sans-serif;
	color: #D01F3C;
	font-style: normal;
	-webkit-text-shadow: 0px 0px 10px #fff;
	-moz-text-shadow: 0px 0px 10px #fff;
	text-shadow: 0px 0px 10px #fff;
}

/* ESTILO CONTAINER */
#container{
	width:100%;
	max-width: 960px;
	margin: 20px auto;
	background-color: #fff;
//	min-height: 800px;
	font-Family: Verdana;
} 

.adot:link, .adot:visited, .adot:active, {
	border-bottom: #695F65 1px dotted;
	padding: 0px;
}

.adot:hover {
    color: #FFFFFF;
	border-bottom: 0;
	text-decoration: underline;	
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    background-color: #EEEEEE;
	padding-bottom: 5px; 	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

/* ESTILO HEADER */
#header ul{
	list-style-type: none;
	padding: 50px 0px 50px 70px;
}

#header ul a{
	text-decoration: none;
	color: #D01F3C;
}

#header li{
	display: inline;
	padding: 7px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D01F3C;
}

#header li:hover{
	background-color: #FAAC58;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.active{
	background-color: #D01F3C;
	color: #fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.active a{
	color: #fff !important;
}

.header_img {
	float: left;
    width: 200px;
	margin: 10px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ESTILO SIDEBAR */

#sidebar {
    float: left;
    width: 200px;
    padding: 5px;
}

#sidebar ul {
    list-style: none;
	margin:0;
	padding:0;
}

.logo{
    margin: -90px 0px 0px 5px;
    width: 200px;
    position: absolute;
	border: none;
	-webkit-box-shadow: 0px 4px 8px -4px #CCC;
	-moz-box-shadow: 0px 4px 8px -4px #CCC;
    box-shadow: 0px 4px 8px -4px #CCC;
}

.menu li:hover{
	background-color: #D01F3C;
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.menu a{
	color: #356AA0;
	font-weight: bold;
	text-decoration: none;
}

.magnolia, .yellow, .blue, .green {
	margin:5px;	 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;  
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.red{
background-color : #F7C205;
margin:5px;	 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;  
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.magnolia {
    background-color: #F9F7ED; 	
}

.colored_li a{
	color: #D01F3C;
	text-decoration: none;
	font-weight: bold;
}

.yellow {
	background-color: #FFFF88;
}

.yellow:hover{
	background-color: #D01F3C; /*#FFFF00;*/
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.yellow:hover a{
	color: #fff;
}

.blue {
	background-color: #C3D9FF;
}
.blue:hover{
	background-color: #D01F3C; /*#58ACFA;*/
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.blue:hover a{
	color: #fff;
}

.green {
	background-color: #CDEB8B;
}

.green:hover{
	background-color: #D01F3C; /*#A5DF00;*/
	-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.green:hover a{
	color: #fff;
}

/* ESTILO CONTENIDOS */
#contenidos{
	color: #000;
    margin: -10px auto;
    width: 90%;
    max-width: 900px;
	text-align: left;
}

#contenidos p{
	text-align: justify;
}

#contenidos ul{
	list-style-type: none;
}

.first{
	width: 700px;
	padding: 5px;
	background-color:#356AA0;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.second{
	width: 700px;
	padding: 5px;
	background-color: #D01F3C;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#contenidos li{
	margin-bottom: 5px;
}

#contenidos_paginas{
	font-size: 14px;
	text-align: justify;
}

#contenidos_paginas a{
	color: #356AA0;
	font-weight: bold;
	font-size: 14px;
}

#contenidos_paginas a:hover{
	color: #D01F3C;
}

#introduccion{
	font-size: 14px !important;
	text-align: justify;
	padding-left: 10px;
}

.introduccion{
	font-size: 14px !important;
	text-align: justify;
	padding-left: 10px;
}

.img_texto{
	float: right;
	margin: -20px 0px 10px 10px;
	width: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.que_cubre li{
	list-style-type: circle;
	margin-bottom: 5px !important;
}



/* Content. */
#content 
{
    padding-top: 0px;
    text-align: justify;
    width: 100%;
}

.profesiones_index{
background-color: #26d976;

width: 300px;
height: 40px;
margin: 16px 0px 0px 400px;
padding: 15px 5px 0px 15px;
color: #fff;
font-size: 18px;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.profesiones_index a{
	text-decoration: none;
	color: #fff;
}

.profesiones_index img{
	float: right;
	width: 35px;
	margin: -5px 10px 0px 0px;
	border: none;
}

#contenidor_profesiones{
	margin: 0px 0px 0px 200px;
	position: relative;
}

.profesiones{
	position: absolute;
	margin-top: 7px;
}

.profesiones2{
	position: absolute;
	margin-top: 7px;
}

.profesiones3{
	position: absolute;
	margin-top: 7px;
}

.profesiones li{
	width: 650px;
	padding: 3px 0px 3px 10px;
	font-size: 13px !important;
	background-color: #F9F7ED; 	
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.profesiones2 li{
	width: 650px;
	padding: 5px;
	background-color: #F9F7ED; 	
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.profesiones3 li{
	width: 650px;
	padding: 5px;
	background-color: #F9F7ED; 	
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#profesiones_pagination{
	position: absolute;
	margin: 650px 0px 0px 40px;
}

.odd{
	background-color: #C3D9FF !important;
}

.odd:hover{
	background-color:  #FAAC58 !important;
}
.span_titulo{
	float: left;
	margin-top: 10px;
	font-size: 20px;
	text-shadow: 1px 1px 2px #000;
}

#back img{
	width: 30px;
	float: right;
	margin: 10px 10px 0px 0px;
}

#back img:hover{
	width: 35px;
    -webkit-transition-property: width;
    -webkit-transition-duration: 1s;
}

.span_titulo2{
	float: left;
	margin-top: 1000px;
	font-size: 20px;
	text-shadow: 1px 1px 2px #000;
}

.hidden2 li{
	width: 650px;
	height: 50px;
	margin-left: 200px;
	padding: 5px;
	background-color: orange;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.hidden2_content{
	width: 600px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left !important;
	margin: -15px 0px 0px 260px;
	padding: 10px 10px 10px 10px;
}

.hidden li{
	width: 650px;
	height: 50px;
	margin-left: 200px;
	padding: 5px;
	background-color: orange;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.hidden_content{
	width: 600px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left !important;
	margin: -15px 0px 0px 260px;
	padding: 10px 10px 10px 10px;
}

.menu_profesiones li{
	display: inline;
	padding-left: 10px;
}

.menu_profesiones li a {
	color: #356AA0;
	text-decoration: underline;
}


/* ESTILO TAG CLOUD */
#myCanvas{margin: 0px 0px 0px 150px;}
.1{color: blue;}
.2{color: orange}
.3{}
.4{}
.5{}


/* ESTILO TOOLTIP */
.tooltip img{
	width: 15px;
	height: auto;
	border: none;
}
a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { 
	z-index:10;
	display:none;
	padding:14px 20px; 
	margin-top:-30px; 
	margin-left:28px; 
	width:120px; 
	line-height:16px; 
} 
a.tooltip:hover span{ 
	display:inline; 
	position:absolute; 
	color:#111; 
	border:1px solid #DCA; 
	background:#fffAF0;
} 
.callout{
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
}

/*CSS3 extras*/ 
a.tooltip span { 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: 5px 5px 8px #CCC; 
	-webkit-box-shadow: 5px 5px 8px #CCC; 
	box-shadow: 5px 5px 8px #CCC; 
}

/* ESTILO TOOLTIP_2 */
.tooltip2 img{
	width: 15px;
	border: none;
}
a.tooltip2 {outline:none; } 
a.tooltip2 strong {line-height:30px;} 
a.tooltip2:hover {text-decoration:none;} 
a.tooltip2 span { 
	z-index:10;
	display:none; 
	padding:14px 20px; 
	margin-top:-30px; 
	margin-left:28px; 
	width:240px; 
	line-height:16px; 
} 
a.tooltip2:hover span{ 
	display:inline; 
	position:absolute; 
	color:#111; 
	border:1px solid #DCA; 
	background:#fffAF0;
}
a.tooltip2 span { 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: 5px 5px 8px #CCC; 
	-webkit-box-shadow: 5px 5px 8px #CCC; 
	box-shadow: 5px 5px 8px #CCC; 
}
/* FIN ESTILO TOOLTIP_2 */

/* Forms. */
form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.contratacion{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

input, select, textarea {
    background-color: #C3D9FF;
    border: 0px;
    padding: 3px;
    margin: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

input#tasa_contratada{
	width:60px;
}

input.direccion{
	width:200px;
}

input#CP{
	width: 55px;
}

input#ccc1{
    background-color: #C3D9FF;
	float:left;
	width:40px;
}
input#ccc2{
    background-color: #C3D9FF;
	float:left;
	width:40px;
}
input#ccc3{
    background-color: #C3D9FF;
	float:left;
	width:20px;
}
input#ccc4{
    background-color: #C3D9FF;
	float:left;
	width:90px;
}
.tabla_checkbox{
	width:100%;
}
.tabla_checkbox td{
	background-color: #C3D9FF;
    border: 0px;
    padding: 3px;
    margin: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tabla_checkbox div{
	padding-left:15px;
	padding-right:15px;
}

.selector{
	background-color:white;
	width:100%;
	margin:0 auto;
}
.opcion{
	text-align:center;
	font: 12px Arial, Helvetica;
}



/* General properties. */
table th, strong {
    font-weight: bold;
}

table th, td {
    font-size: 12px;
}

/* Footer. */
#footer {
	clear: both;
    text-align: left;
    margin: auto;
    padding-top: 5px;
    border-top: #356AA0 1px dotted;
    font-style: italic;
    width: 950px;

}

.politicas{
	float: right;
	margin: 0px 10px 0px 0px;
	font-family: Calibri;
	font-size: 12px;
	font-style: normal;
}

.politicas a{
	color: #A4A4A4;
}

.politicas a:hover{
	color: #D01F3C;
}

.left {	text-align: left; }

.right { text-align: right; }

.justify { text-align: justify; }

.center { text-align: center; margin: 0 auto;}


.formulario{

	text-align:left;
	margin-left:500px;
	float:right;
	width : 300px;
	height: 500px;
}



td 
{
	padding: 5px;
	margin: 0px;
}
.online{
	width:25px;
	height:20px;
	border:none;
}


.wtext {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.exception {
	color: #D01F3C;
	font-weight: bold;
}

.label label {
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

label{
	width: 100%;
	display: inline;
}

.description {
	clear: both;
	margin-top: 50px;
	border-top:  #356AA0 1px dotted;
	padding-top: 5px;
	
}
.cuadro{
	width: 180px;
	margin-left : 5px;
	margin-top:40px;
	padding: 5px 5px 10px 5px;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	background-color: #26d976; /*#5FB404;*/
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	behavior: url(ie-css3.htc);
}

.cuadro img{
	float:center;
	border:none;
	width: 100px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.cuadro img:hover{
  -webkit-transform: rotate(-25deg);
     -moz-transform: rotate(-25deg);
       -o-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.button {
	font-weight: bold;
}


p#introduccion {
	font-Family: Verdana;
	font-size: 0.95em;
	width: 100%;
}.tabla{
	width: 400px;
}
.Form{
	color:#356AA0;
}
.lista{
list-style:none;

}
.online{
	width:55px;
	height: 20px;
	background-color:#EEEEEE;
	
	border:none;
	
}

#identifier{

padding: none;  
width: 420px;  
margin: none;  

} 

label.error { 
	float: left;
	color: red; 


 }
 .verde{
	color:#3ADF00;

}
/* ESTILO PROFESIONES */
.profesiones li{
	cursor: pointer;
}

.profesiones2 li{
	cursor: pointer;
}

.profesiones3 li{
	cursor: pointer;
}

#ejemplos_div img{
	border: none;
	width: 25px;
	float: left;
}

.title{
	text-decoration: underline;
	cursor: pointer;
}

.loader{
	width: 450px;
	margin: 0px 0px 0px 50px;
	text-align: justify;
	padding: 5px;
}	

/* ESTILO PROFESIONES CALCULAR PRECIOS */

#form td{
	padding: 0px 0px 5px 0px;
}
.error{
	padding-left: 5px;
	color: red;
}

label.error{
	float: right;
}

input.text{
    border: 1px solid #CCC;
	color: #000;
	font-size: 14px !important;
	height: 25px;
}

.nif{
	width: 100px;
}

.proyectos{
	width: 40px;
}

.facturacion{
	width: 100px;
}

input.text:focus{
	background-color: orange;
	border: 1px solid #000;
}

textarea.text{
    border: 1px solid #CCC;
	color: #000;
	font-size: 18px;
}

textarea.text:focus{
	background-color: orange;
	border: 1px solid #000;
}

#submit:hover{
	background-color: #CF0C07;
	color: #fff;
}

#volver_button:hover{
	background-color: #CF0C07;
	color: #fff;
}

/* ESTILO FORM CONTACT */

#formContact{
	width: 700px;
}

#formContact table{
	position: absolute;
	width: 670px;
	margin: 0px 0px 0px 155px;
}

#formContact table td{
	width: 150px;
	border-bottom: 1px solid #CCC
}

#formMail{
	width: 200px;
}

#email{

}

#formFirstName{
	width: 200px;
}

#formTel{
	width: 200px;
}

#formRc{
	width: 200px;
}

input.text{
    border: 1px solid #CCC;
	color: #000;
	font-size: 18px;
	height: 25px;
}

input.text:focus{
	background-color: orange;
	border: 1px solid #000;
}

textarea.text{
    border: 1px solid #CCC;
	color: #000;
	font-size: 18px;
}

textarea.text:focus{
	background-color: orange;
	border: 1px solid #000;
}

.privacidad_td{
	font-size: 10px;
	border: none !important;
}

.privacidad_td a{
	font-size: 10px !important;
}

#submit_contact{
	font-size: 14px;
	padding: 2px 2px 15px 2px;
}

#submit_contact:hover{
	background-color: #CF0C07;
	color: #fff;
}

.respuesta_contacto{
	color: red;
	text-align: center;
}

/* MARQUEE */
.marquee {
  width: 600px; /* the plugin works for responsive layouts so width is not necessary */
  margin: 30px 0px 0px 0px;
  overflow: hidden;
  padding: 10px;
  box-shadow: 2px 2px 5px #CCC;
}
.marquee img{
	height: 250px;
	margin-left: 50px;
	border: none;
}

.text_image{
	height: 250px !important;
}
	
/* ESTILO TARIFICADOR */
#tarificador{
	margin: 50px 0px 0px 20px;
}

#tarificador_table{
	width: 700px;
	position: absolute;
	margin: 15px 0px 0px 200px;
}

/* ESTILO NUEVO TARIFICADOR */

#tarificador_oferta2{
	min-width: 630px;
	width: 100%;
	margin: 20px 20px 0px 0px;
	text-align: center !important;
	border: 1px solid #CCC;
	background-color:  #F9F7ED;
	font-weight: bold;
}
#tarificador_tabla2{
//	width: 630px;
//	position: absolute;
	margin: 50px 0px 0px -10px;
}
#tarificador_tabla2 td{
	background-color: #6dc6f7;
	border: 3px solid #fff;
	padding: 10px;
	text-align: center;
	min-width: 15%;
}
.tarificador_table_title2{
	background-color: #2ea3f2 !important;
	border: 3px solid #fff;
//	width: 290px;
	min-width: 25%;
	padding-right: 50px;
	color:#fff;
	font-weight: bold;
}

.tarificador_table_title3{
	background-color: #FFCD2F !important;
	border: none !important;
	width: 100px;
	padding-right: 50px;
}

.tarificador_table_title2 img{
	width: 15px;
	float: right;
	background-color: #fff;
	margin-top: 8px;
	border: none;
}

.tarificador_table_title4{
	background-color: #F9F7ED !important;
	border: 1px solid;
	width: 320px;
	padding-right: 50px;
}

.tarificador_table_title5{
	background-color: #F9F7ED !important;
	border: 1px solid;
	width: 180px;
	padding-right: 50px;
}

.contratar{
	cursor: pointer;
	text-decoration: underline;
	color: #356AA0;
	font-weight: bold;
	font-size: 14px;
        width: 100 px;
}

.contratar2{
	cursor: pointer;
	text-decoration: underline;
	color: #356AA0;
	font-weight: bold;
	font-size: 14px;
        width: 50 px;
}

#tarificador_table td{
	background-color: rgb(195,217,255);
	padding: 10px;
	text-align: center;
        width: 100px;
}

.td_sa_seleccionada{
	background-color: rgb(205,235,139);
}

.tarificador_table_title{
	background-color: #F9F7ED !important;
	border: none !important;
	width: 100px;
	padding-right: 50px;
}

.tarificador_table_title img{
	width: 15px;
	float: right;
	background-color: #fff;
	margin-top: 8px;
	border: none;
}

.tarificador_oferta{
	width: 100px;
	margin: 0px 0px 0px 240px;
	text-align: center !important;
	border: 1px solid #CCC;
	background-color:  #F9F7ED;
	font-weight: bold;
}

.info_tarificador{
	background-color: #26d976 !important;
	color: #fff !important;
	font-weight: bold !important;
	/*text-shadow: 2px 2px 2px #000 !important;*/
}

.condicionado{
	background-color: #CDEB8B !important;
	color: #000 !important;
	font-weight: bold;
}

.condicionado a{
	font-size: 12px !important;

}

.nocotiza{
	margin-bottom: 50px;
	font-family: Calibri;
	font-size: 16px !important;
	text-align: center !important;
	width: 500px;
	margin: 0px 0px 50px 50px;
	border: 1px solid red;
	padding: 10px;
}

.nocotiza img{
	margin-left: -75px;
	width: 40px;
	border: none;
}

.nocotiza_form{
	float: right;
	margin: 10px 190px 0px -250px;
}

#atnc{
	color: red;
	font-size: 20px !important;
	font-weight: bold !important;
}

.no_calcular{
	margin-bottom: 50px;
	font-family: Calibri;
	font-size: 16px !important;
	text-align: center !important;
	width: 500px;
	margin: auto;
	border: 1px solid red;
	padding: 10px;
}

.no_calcular img{
	margin-left: -50px;
	width: 40px;
	border: none;
}

.no_calcular_form{
	float: right;
	margin: 10px 190px 0px -250px;
}

#atnc{
	color: red;
	font-size: 20px !important;
	font-weight: bold !important;
}

/* ESTILO FAQ */
.faq_list{
	list-style-type: disc !important; 
	font-weight: bold !important;
	margin: 10px 0px 50px 0px;
}

.faq{
	margin: 0px 0px 30px 0px;
}
#loader{
	margin: 0 auto;
	z-index: 999;
	position: relative;
}
#loader img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 230px;
    top: 800px;
}
#tarificador_tabla2 td {
    padding: 10px;
    text-align: left;
    max-width: 150px;
}
.tarificador_table_title4 {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    width: 320px;
}
.tarificador_table_title5 {
    background-color: #2ea3f2!important;
    border: 3px solid #fff;
    color:#fff;
}
.tarificador_table_title_con {
    background-color: #f2f2f2!important;
    border: 3px solid #fff;
}
.tarificador_table_title_par {
    background-color: rgba(0,130,224,0.17)!important;
    border: 3px solid #fff;
}
/*
.tarificador_table_title_par b{
    float: right;
    padding-right: 25px;
}
*/
.tarificador_table_title_impar {
    background-color: #fff!important;
    border: 3px solid #f2f2f2;
}
/*
.tarificador_table_title_impar b {
    float: right;
    padding-right: 25px;
}
*/
.contratar2{
	background-color:  background-color: #999!important;
    border: 3px solid #fff;
}
@media only screen and (max-width: 400px) {
   #contenidos {
    color: #000;
    margin: -10px auto;
    width: 400px;
    min-height: 600px;
    text-align: left;
    float: left;
}

#nuevo_tarificador {
    width: 280px;
    margin-top: 50px;
    margin-left: 0;
   
}
#tarificador_oferta2 {
    width: 100%;
    margin: 5px 5px 5px 5px;
    text-align: center !important;
    border: 1px solid #CCC;
    background-color: #F9F7ED;
    font-weight: bold;
}
#tarificador_tabla2 {
    width: 100%;
    position: absolute;
    margin: 20px 0px 0px -7px;
}
}
#email_compartir{
	color:#333;
}

td{
	vertical-align: bottom;
}

#tr_sa td,
#tr_prima_mini td{
	background-color: #2ea3f2;
	border: 3px solid #fff;
}

tr#tr_prima_mini td b,
tr#tr_sa td b {
    float: right;
    font-size: 1.2em;
    color: #fff;
}