/* HOME */
img.home-banner{
	width: 90%;
	margin-left:5%;
}

.border-violet{
	border-left: 3px solid rgb(72,26,126);
}

.box-link{
	text-decoration: none;
	color: black;
}

.box{
	height: 140px;
	padding:10px;
	margin-top:30px;
}

/* + info*/
.box h3{
	display: none;
	position: absolute;
	right: 10px;
	top: 54px;
	margin:0;
	padding: 0;
	font-size: 27px;
	width: 50px;
}

.box span{
	position: relative;
	float: left;
}

/* titulo de la caja*/
.box span:first-child {
	font: 27px/1.87em "Colaborate-Thin";
	padding:0;
	margin:0;
	width: 200px;
	min-height: 90px;
	line-height:100%;
}

/* precio producto*/
.box span:nth-child(2){
	color: grey;
	clear: both;
	font: 24px/32px "GreyscaleBasicRegular";
	background-color: rgb(224,224,224);
	padding:10px;
	text-align:center;
}

/* Productos*/
.productos-menu{
	position: relative;
	float: left;
	margin-left:60px;
	width: 250px;
}

.productos-menu a{
	text-decoration: none;
	color: black;
}


.producto-info{
	font: 16px/1em "Colaborate-Thin";
	border-left: 5px solid rgb(72,26,126);
	padding-left: 10px;
}

span.producto-header{
	font: 26px/1.62em "Colaborate-Thin";
	position: relative;
	float:left;
	margin:0;
	padding: 0px 10px;
}

span.grey-box{
	color: black;
	clear: both;
	font: 24px/32px "GreyscaleBasicRegular";
	background-color: rgb(224,224,224);
	padding: 5px 10px;
	text-align:center;
}
.producto-info {
	text-align: justify;
}

.producto-info ul{
	margin-left: 20px;
	padding:0;
}

.producto-info ul li{
	padding:2px;
}

#productos-line{
	position: absolute;
	top:65px;
	left:0;
	min-height: 50px;
	width: 5px;
	background-color: rgb(72,26,126);
}

/* MENUS*/
.productos-list, .preguntas ul{
	list-style: none;
	margin:0;
	padding:0;
}
.productos-list li:first-child, .preguntas li:first-child{
	padding-left: 10px;
	border-left: 5px solid rgb(72,26,126);
	font: 26px/1.62em "GreyscaleBasicRegular";
	margin-bottom: 3px;
}
.productos-list li, .preguntas li{
	padding: 10px;
	border-left: 5px solid rgb(148,113,176);
	min-height: 30px;
}

.productos-list li:hover, .preguntas li:hover{
	background-color: rgb(239,239,239);
}

/* Tarifas */
.condiciones {
 	float: left;
    margin: 0 60px;
    position: relative;
    width: 250px;
}
.condiciones h2{
	border-left: 5px solid rgb(72,26,126);
	padding-left:10px;
	min-height: 40px;
}

.condiciones ul{
	font: 16px/1em "Colaborate-Thin";
	list-style-type: none;
	padding: 0;
	margin:0;
}

.condiciones li:first-child{
	border-left: 5px solid rgb(72,26,126);
	font: 24px/1.5em "Colaborate-Thin";
}
.condiciones ul li{
	border-left: 5px solid rgb(148,113,176);
	padding-left:10px;
	margin: 0;
	margin-bottom: 10px;
}

.tarifas {
	font: 16px/1em "Colaborate-Thin";
	border-left: 5px solid rgb(72,26,126);
	padding-left:10px;
}
.tabla-tarifas{
	margin-left:20px;
	margin-top:20px;
}

.tarifas form{
	margin-bottom: 10px;
}

/* Telefonia IP*/
.telefonia-ip{
	font: 16px/1em "Colaborate-Thin";
	text-align: justify;
	
	width: 400px;
	position: relative;
	float: left;
}

.columna1, .columna2{
	width: 400px;
	position: relative;
	float: left;
}
.columna1{
	margin-left:55px;
	margin-right:40px;
}
.columna2{
	margin-right:60px;
}

.telefonia-ip img {
		width: 80%;
		margin: 0 auto;
		display: block;
}

.telefonia-ip .bloque{
	border-left: 5px solid rgb(148,113,176);
	padding-left:10px;
	margin: 10px 0;
}

.bloque span{
	font: 24px/1.5em "Colaborate-Thin";
	border-left: 5px solid rgb(72,26,126);
	padding-left:10px;
	margin:0;
	position:relative;
	left: -15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.telefonia-ip .bloque ul {
	font: 16px/1em "Colaborate-Thin";
	padding: 0;
	margin-left: 15px;
}

.telefonia-ip .bloque ul li{
 	padding-left:10px;
	margin: 15px 0;
 }
 
 /* FAQ */
.contact-messages{
	padding:0;
	margin: 0;
	width: 200px;
}

span.error, span.success{
	padding:0;
	margin: 0;
  	font: 14px/0.87em "Colaborate-Thin";
}
 
.error{
	color: #CC0000;	
}

.success{
	color: #006600;
}
 
.preguntas li{
	cursor: pointer;
}
 .respuestas {
	border-left: 5px solid rgb(72,26,126);
 }
 .respuestas > div{
 	padding-left: 10px;
 	display: none;
 }
 
 .respuestas p,  .preguntas, .contratar-msg p {
 	font: 16px/1em "Colaborate-Thin";
 }
 
  .respuestas span, .tarifas span, .contacto > span:first-child{
 	font: 24px/1.5em "Colaborate-Thin";
 }
 
 .contacto{
 	font: 16px/1em "Colaborate-Thin";
	border-left: 5px solid rgb(148,113,176);
	padding-left: 10px;
	margin-bottom: 10px;
	width: 250px;
 }
 
 .contacto input{
 	margin-bottom:5px;
 }
 
  .contacto > span{
 	padding: 10px;
 	position: relative;
 	left: -15px;
 	border-left: 5px solid rgb(72,26,126);
 }
 
/* Contratar */ 
.contratar-msg{
	 font: 16px/1em "Colaborate-Thin";
	 border-left: 5px solid rgb(148,113,176);
	 padding-left: 10px;
}

.contratar-msg span{
  	position: relative;
  	font: 24px/1.5em "Colaborate-Thin";
  	border-left: 5px solid rgb(72,26,126);
  	top: -5px;
  	left: -15px;
  	margin:0;
  	padding: 10px; 	
  }
  

#contratar-form{
	font: 20px/1.25em "Colaborate-Thin";
}

#contratar-form input[type=text], #contratar-form textarea, .contacto input[type=text], .contacto textarea{
	width: 100%;
	margin: 8px 0;
}

.ley {
	font: 16px/1em "Colaborate-Thin";
	width: 500px;
	text-align: justify;
}

.page404{
	font: 24px/1.5em "Colaborate-Thin";
	color: rgb(72,26,126);
}

.error404{
	font: 46px/2.87em "Colaborate-Thin";
}