/* @override 
	http://www-rdev.doctorsim.com/partners/143631/pepephone/pepephone.css
	http://www-rdev.doctorsim.com/partners/143631/pepephone/pepephone2.css
*/

body { padding: 0px; margin: 0px; background: #fff; font: 13px/1.22 Helvetica, Arial, Sans-serif; color: #333;
	width: 545px;
}
/** html body { text-align: center; }*/
#nota { padding-top: 5px; }

/*--- links ---*/
a:link, a:active, a:visited { color: #8D8D82; border: none; outline: none; }
a:hover	{ text-decoration: none; color: #555; border: none; outline: none; }
a:link.another, a:active.another, a:visited.another { background: #ffff00; color: #CD8500; border: 1px dashed #F5B412; text-decoration: none; padding: 4px 12px; }
* html a:link.another, * html a:active.another, * html a:visited.another { height: 20px; }

/*--- containter & header ---*/

#container #header { padding: 0px; margin: 0; height: 78px; }
#container #header .header_left { float: left;
	padding-top: 10px;
	padding-bottom: 0;
	padding-left: 12px;
	margin-left: 42px;
	margin-top: 12px;
}
#container #header .header_right { float: right; padding: 0 15px 0 0; font-variant: small-caps; font-size: 160%; letter-spacing: -1px; word-spacing: 4px; color: #222; font-weight: bold; }


#info{
}

/*--- content ---*/
#container #content { padding: 0 15px; }
h1 { margin: 20px 0 0; font-size: 140%; letter-spacing: -1px; }
h4 { font-size: 100%; color: #CC0000;
	margin-bottom: 2px;
}
p { line-height: 17px; margin: 0 0 6px; }
strong { border-bottom: 4px solid #fb0017; }
.howto { margin: 9px 0; background: #f1f1f1; padding: 3px 23px 16px 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	float: left;
	width: 478px;
}
ol { margin: 0 0 0 36px; }
li { line-height: 24px; }

#header_tienes{
	float: left;
}

.tienes{
	float: left;
	height: 58px;
	margin-right: 4px;
}
.tienes_text{
	float: left;
	width: 446px;
}

/*ie .tienes_text{
	float: left;
	width: 382px;
	font-size: 100%;
}*/

#upload1{
	width: 508px;
	float: left;
	margin-bottom: 12px;
}

/*.marco_rojo{
	border-left: 2px solid #cc0000;
	border-right: 2px solid #cc0000;
	padding: 0 10px 0 10px;
	width: 521px;
	float: left;
	margin: -7px 0 0;
}*/
/*.top_marco_rojo{
	width: 547px;
	background: url("img/top_marco_rojo.gif") no-repeat 0% 0%;
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
}*/

.top_marco_rojo {
background:url("img/top_marco_rojo.gif") no-repeat scroll 0 0 transparent;
clear:both;
font-size:8px;
height:9px;
margin:0;
padding:0;
width:547px;
}

.marco_rojo {
border-left:2px solid #CC0000;
border-right:2px solid #CC0000;
margin:0;
padding:0 10px;
width:521px;
}

.ie7 .marco_rojo {
border-left:2px solid #CC0000;
border-right:2px solid #CC0000;
margin:0;
padding:0 10px;
width:531px;
}

.btm_marco_rojo {
background:url("img/btm_marco_rojo.gif") no-repeat scroll 0 0 transparent;
font-size:8px;
height:9px;
margin:0;
padding:0;
width:547px;
}

/*.btm_marco_rojo{

	width: 547px;
	background: url(img/btm_marco_rojo.gif) no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
	float: left;
}*/




/*--- result ---*/
.result-comment { margin: 30px 0 20px; background: #cccccc; text-align: center; padding: 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 110%; line-height: 28px;  }
.signmeup { text-align: center; margin: 25px 0 15px; }
a.alta:link, a.alta:visited, a.alta:active { background: #fb0017; color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; text-decoration: none; }
.graphic-row { width: 519px; margin: 15px auto 10px; text-align: center; float: left; }
.right-graphic { float: right; width: 250px;
	margin-bottom: 10px;
}
.left-graphic { float: left; width: 250px;
	margin-bottom: 10px;
}

/*--- form & uploads ---*/
.uploadfile { /*font-size: 120%; border: 1px solid #ccc;*/
	margin-bottom: 16px;
	padding: 7px;
}

.ie .uploadfile { font-size: 120%; border: 1px solid #ccc;
	width: 255px;
	margin-bottom: 16px;
	padding: 7px;
}

#procesando_div{
	margin: 80px auto 80px 59px;width:420px;text-align:center;display:none;
	float: left;
}

.ie #procesando_div{width:420px;display:none;
	float: left;
	margin-top: 80px;
	margin-left: 161px;
	margin-bottom: 80px;
}
.sel_fac{
	float: left;
	margin: 7px;
}
.btn-analizar { background: url(img/boton_analizar_factura.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 155px;
	height: 31px;
}

.btn-analizar-otra { background: url(img/analizar_otra_factura.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 180px;
	height: 31px;
}

.btn-contratar { background: url(img/contratar_esta_tarifa_red.gif); color: #fff; font-weight: bold; padding: 4px 12px; border: none; font-size: 110%; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer;
	width: 181px;
	height: 31px;
}

#facturas-subir-boton { text-align: center; }
.boxnote { font-size: 120%; background: #d5d5d5; color: #CC0000; padding: 14px 15px 14px 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; margin-bottom: 25px;
	float: left;
}
#chartdiv_fact_1, #chartdiv3 { margin: 15px 0 25px; text-align: center; }

/*--- footer ---*/
#footer { text-align: center; width: 522px; margin-top: 15px; padding: 0 0 10px; border-top: 1px solid #ddd; float: left;  }
#copyright { margin: 10px auto 10px; width: 513px; font-size: 85%; color: #999; }
#copyright .copyright_left { float: left; margin-top: 10px; }
#copyright .copyright_logo { float: left; margin-left: 85px; }
#copyright .copyright_right { float: right; margin-top: 0; }
#copyright a:link, #copyright a:visited, #copyright a:active { color: #777; text-decoration: none; }
#copyright a:hover { color: #777; text-decoration: underline; }
.howtobills{
	float: right;
}