@charset "utf-8";
/* CSS Document */
#producto{
	display:inline-block;
	width:100%;
	/*border:#F00 1px solid;*/
}
#producto>ul{
	list-style:none;
	padding-left:0px;
}

#producto>ul>li{
	/*max-width:320px;*/
	display:inline-block;
	text-align:center;
	vertical-align:top;
	margin:15px 0px;
}
#producto-media{
	/*border:#F00 1px solid;*/
	display:inline-block;
	float:left;
	/*width:40%;*/
	min-width:320px;
}

#producto-media-default{
	display:inline-block;
}
.producto-media{
	display:none;
	padding-bottom:10px;
	/*text-align:left;*/
}

#slider-media-images{
	/*display:inline-block;*/
	height:300px;;
}

#producto-media-menu{
	/*border:#F00 1px solid;*/
	font-size: 0.75em;
	
}

#producto-media-menu>div>a>div{
	background-repeat: no-repeat;
	height:24px;
}
#producto-media-menu a:link{
	text-decoration:none;
	color:#6c55a3;
	margin:0px 5px;
}
#producto-media-menu a:hover{
	text-decoration:none;
	color:#cadb39;
}
#producto-media-menu a:hover>p{
	/*text-decoration:none;*/
	color:#cadb39;
}
#producto-media-menu a:visited{
	text-decoration:none;
	color:#6c55a3;
}
#producto-media-menu a:active{
	text-decoration:none;
	color:#6c55a3;
}

#media-default>div{
	display:inline-block;
	width:30px;
	height:22px;
	background-image:url(../images/icon_01.png);
	/*background-image:url(../images/icon_05.png);*/
}
#media-default:hover>div{
	background-image:url(../images/icon_05.png);
}
#media-video>div{
	display:inline-block;
	width:30px;
	height:22px;
	background-image:url(../images/icon_02.png);
	/*background-image:url(../images/icon_05.png);*/
}
#media-video:hover>div{
	background-image:url(../images/icon_06.png);
}
#media-image>div{
	display:inline-block;
	width:30px;
	height:22px;
	background-image:url(../images/icon_03.png);
	/*background-image:url(../images/icon_05.png);*/
}
#media-image:hover>div{
	background-image:url(../images/icon_07.png);
}
#media-compare>div{
	display:inline-block;
	width:30px;
	height:22px;
	background-image:url(../images/icon_04.png);
	/*background-image:url(../images/icon_05.png);*/
}
#media-compare:hover>div{
	background-image:url(../images/icon_08.png);
}

#producto-info{
	/*border:#F00 1px solid;*/
	display:inline-block;
	float:left;
	width:25%;
	min-width:200px;
	text-align:left;
	/*margin-left:10px;*/
	padding-left:20px;
}

#producto-info>div{
	margin:10px 0px;
}

#producto-info>ul{
	display:inline-block;
	list-style:none;
	padding:0px;
	
}

#producto-info>ul>li{
	float:left;
}

#rating{
	display:inline-block;
	margin:0px 0px;
}

#precio-planes{
	display:inline-block;
	width:100%;
}
#contacto{
	color:#FFF;
	/*border:#F00 1px solid;*/
	display:inline-block;
	/*float:left;*/
	width:25%;
	min-width:250px;
	background-color:#6c55a3;
	text-shadow:#000 1px 1px;
	/*height:300px;*/
	padding-bottom:20px;
	
	
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie-2.html);
}

.media-video{
	color: #6c55a3;
}

#ico{
	text-align:left;
}

#ico>img{
	background-color:#CADB39;
	position:absolute;
	z-index:2;
	margin:-35px 0px 0px 0px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie-2.html);
	
	/*behavior: url(http://www.viva.com.bo/bundles/viva/css/pie.htc);
	
	border-radius:50%;
	-moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;*/
}

#contacto h2{
	margin:5px;
	font-size:1.1em;
}

#contacto>form{
	margin:15px 0px;
}

#contacto>div{
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	margin:5px 0px;
}

#contacto > div > *{
	display:inline-block;
	vertical-align:middle;
}

#contacto>div>input{
	width:150px;
}
#contacto>div>textarea{
	width:150px;
}
#contacto>div>select{
	width:150px;
}
#contacto>div>p{
	width:70px;
	/*float:left;*/
	margin:0;
}

#producto-info>ul>li>div{
	border:#CCC 1px solid;
	padding:2px 2px 0px 2px;
	margin:0px;
}

.color{
	width:16px;
	height:16px;
	display:inline-block;
	margin:0px;
}

#producto-completo{
	display:inline-block;
	padding:10px 0px;
	/*background-color:#cadb39;*/
	width:100%;
}
#tabs{
	font-size:1em;
	display:inline-block;
	background-color:#6c55a3;
	float:left;
	margin-left:60px;
	
	
	
	-moz-border-radius:5px 5px 0px 0px;
    /*-webkit-border-radius:50px 50px 0px 0px;*/
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    /*-khtml-border-radius:50px 50px 0px 0px;*/
	border-radius:5px 5px 0px 0px;
	behavior: url(pie-2.html);
	
}
#tabs>ul{
	display:inline-block;
	list-style:none;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:10px;
}

#tabs>ul>li{
	margin-left:7px;
	margin-right:7px;
	padding:10px;
	
	
	
	
	-moz-border-radius:5px 5px 0px 0px;
    /*-webkit-border-radius:30px 30px 0px 0px;*/
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    /*-khtml-border-radius:30px 30px 0px 0px;*/
	border-radius:5px 5px 0px 0px;
	behavior: url(pie-2.html);
}

#tabs>ul>li>a:link{
	text-decoration:none;
	text-shadow:#000 1px 1px;
	color:#FFF;
}
#tabs>ul>li>a:visited{
	text-decoration:none;
	text-shadow:#000 1px 1px;
	color:#FFF;
}
#tabs>ul>li>a:active{
	text-decoration:none;
	text-shadow:#000 1px 1px;
	color:#FFF;
}
#tabs>ul>li>a:hover{
	text-decoration:none;
	text-shadow:#000 1px 1px;
	color:#FFF;
}
#producto-descripcion{
	display:inline-block;
	background-color:#cadb39;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	/*text-align:justify;*/
	
	/*-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	behavior: url(http://www.viva.com.bo/bundles/viva/css/pie.htc);*/
}

#producto-descripcion>ul{
	display:inline-block;
	list-style:none;
	padding:0px;
	margin:0px;
	width: 100%;
	
	/*width:100%;*/
	background-color:#FFF;
	border-top:#6c55a3 5px solid;
	border-bottom:#6c55a3 5px solid;
	padding:20px 0px;;
	
	
	/*-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(http://www.viva.com.bo/bundles/viva/css/pie.htc);*/
}

#producto-descripcion-bloque-1{
	display:inline-block;
	width:70%;
	vertical-align:top;
	text-align:justify;
}

#producto-descripcion-bloque-2{
	display:inline-block;
	width:25%;
	min-width:280px;
	text-align:justify;
}

/*#producto-descripcion>ul>li{
	background-color:#FFF;
	display:inline-block;
	max-width:650px;
}*/

#producto-content{
	display:inline-block;
	width:100%;
	min-width:240px;
	/*float:left;*/
}

.producto-contenido{
 display:none;
 float:left;
 padding:10px;
 border-right:#cadb39 2px dotted;
 height:100%;
 font-family:Arial, Helvetica, sans-serif;
}

#descripcion-contenido{
	font-size: 0.9em;
}

#descripcion-detalles-tecnicos{}

#key-features{
	/*border:#F00 1px solid;*/
	text-align:left;
}
#key-features h2{
	border-bottom:#ccc 1px solid;
}

#key-features>ul{
	list-style:none;
	padding-left:0px;
}
#key-features>ul>li{
	display:inline-block;
	font-size:0.7em;
	width:49%;
	min-width:250px;
	vertical-align:top;
}
#key-features>ul>li>div{
	min-width:315px;
}
#key-features>ul>li>div>div:first-child{
	display:inline-block;
	width:10px;
	height:10px;
	min-width:60px;
	vertical-align:top;
	padding-top:20px;
}

#key-features>ul>li>div>div{
	display:inline-block;
	max-width:220px;
}

.caracteristica > ul{
	list-style:none;
	padding-left:0px;
	width:100%;
}

.caracteristica > div{
	display: inline-block;
	width: 100%;
}

.caracteristica > div > img{
	float:left;
}

.caracteristica > ul > li{
	border-top:#CCC 1px dotted;
}

.caracteristica > ul > li > div{
	width:47%;
	display:inline-block;
	vertical-align:top;
}

#features{
	text-align:left;
}

#features h2{
	border-bottom:#CCC 1px solid;
}

#features>ul{
	list-style:none;
	padding-left:0px;
	font-size:0.8em;
}

#features > ul > li{
	width:47%;
	display:inline-block;
	vertical-align:top;
}

#technical{
	text-align:left;
}

#technical h2{
	border-bottom:#ccc 1px solid;
}

#technical>ul{
	list-style:none;
	padding-left:0px;
	font-size:0.8em;
}

#technical > ul > li{
	width:47%;
	display:inline-block;
	vertical-align:top;
}


.detalle-tecnico > div > img{
	float:left;
}

.detalle-tecnico > ul{
	list-style:none;
	padding-left:0px;
	width:100%;
}

.detalle-tecnico > ul > li{
	border-top:#ccc 1px dotted;
}

.detalle-tecnico > ul > li > div{
	width:47%;
	display:inline-block;
	vertical-align:top;
}

/***********current values****************/
div.current-tab{
	display:inline-block;
}
li.current-tab{
	background-color:#cadb39;

}
div.current-price{
	font-size:1.2em;
}
/***********current values****************/
#producto-side-bar{
	display:inline-block;
	width:20%;
	min-width:240px;
	margin:0px 10px;
	font-size:0.9em;
	/*float:left;*/
	
}

#similares{
	border:#cadb39 1px solid;
	/*padding:5px;*/
	/*height:850px;*/
	
	
	
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    /*-khtml-border-radius:30px;*/
	border-radius:5px;
	behavior: url(pie-2.html);
}

#similares>div{
	color:#FFF;
	display:inline-block;
	font-size:0.7em;
	background-color:#cadb39;
	width:100%;
	text-align:center;
	text-shadow:#000 1px 1px;
	-moz-border-radius:5px 5px 0px 0px;
    -webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    /*-khtml-border-radius:30px 30px 0px 0px;*/
	border-radius:5px 5px 0px 0px;
	behavior: url(pie-2.html);
}

#similares>ul{
	display:inline-block;
	list-style:none;
	padding-left:5px;
	width: 95%;
}

#similares>ul>li{
	display:inline-block;
	width:95%;
	border-bottom:#ccc 1px solid;
	margin:5px;
}

#similares>ul>li>div>div{
	
}

#similares>ul>li>div>div>img{
	float:left;
	margin-right:5px;
}

#similares>ul>li>div>h2{
	font-size:1.1em;
	margin:5px 0px;;
}

#similares>ul>li>div>p{
	margin:5px 0px 5px 0px;
}
/*******************************/

#comparativa{
	border:#cadb39 1px solid;
	margin-top:10px;
	/*padding:5px;*/
	/*height:850px;*/
	
	
	
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie-2.html);
}

#comparativa>div{
	color:#FFF;
	display:inline-block;
	font-size:0.7em;
	background-color:#cadb39;
	width:100%;
	text-align:center;
	text-shadow:#000 1px 1px;
	
	
	-moz-border-radius:5px 5px 0px 0px;
    -webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    /*-khtml-border-radius:30px 30px 0px 0px;*/
	border-radius:5px 5px 0px 0px;
	behavior: url(pie-2.html);
}

.price{
 color:#FF803A;
 font-size:0.9em;
 font-weight:bold;
}



#comparativa>ul>li>div>a:link,#similares>ul>li>div>a:link{
 text-decoration:none;
 color:#4E80CF;
 font-weight:bold; 
}
#comparativa>ul>li>div>a:active,#similares>ul>li>div>a:active{
 text-decoration:none; 
 color:#4E80CF;
 font-weight:bold;
}
#comparativa>ul>li>div>a:hover,#similares>ul>li>div>a:hover{
 text-decoration:none; 
 color:#4E80CF;
 text-decoration:underline;
 font-weight:bold;
}
#comparativa>ul>li>div>a:visited,#similares>ul>li>div>a:visited{
 text-decoration:none; 
 color:#4E80CF;
 font-weight:bold;
}


#comparativa>ul{
	display:inline-block;
	list-style:none;
	padding-left:5px;
	width: 95%;
}

#comparativa>ul>li{
	display:inline-block;
	width:95%;
	border-bottom:#ccc 1px solid;
	margin:5px;
}

#comparativa>ul>li>div>div{
	
}

#comparativa>ul>li>div>div>img{
	float:left;
	margin-right:5px;
}

#comparativa>ul>li>div>h2{
	font-size:1.1em;
	margin:5px 0px;;
}

#comparativa>ul>li>div>p{
	margin:5px 0px 5px 0px;
}

/*******************Comparar Con************************/
#producto-media-compare{
	display:inline-block;
	width:100%;
	/*border:#F00 1px solid;*/
	/*max-height:px;*/
	font-size:0.7em;
}
#producto-media-compare a:hover{
	text-decoration:none;
	color:#000;
}
#producto-media-compare a:link{
	text-decoration:none;
	color:#000;
}
#producto-media-compare a:active{
	text-decoration:none;
	color:#000;
}
#producto-media-compare a:visited{
	text-decoration:none;
	color:#000;
}
#image-compare{
	display:inline-block;
	width:58%;
	vertical-align:bottom;
}
#image-compare>img{
	/*width:100%;*/
}
#panel-compare{
	display:inline-block;
	width:38%;
	height:280px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:bottom;
}
#control-compare{
	background-color:#FFF;
}
#control-compare>div{
	width:100%;
	display:inline-block;
	margin:10px 0px;
}
#control-compare>div>a>img{
	float:right;
	
}
#control-compare>ul{
	padding-left:0px;
	list-style:none;
	display:none;
}
#control-compare>ul>li{
	margin:5px 0px;
}

#descripcion-planes > div:first-child{
	color: #565B95;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
}

/*******************Comparar Con End********************/

@media (max-width:800px){
html{
	font-size:85%;
}	

#tabs > ul > li{
	margin-left:0px;
}

#producto-descripcion-bloque-1{
	width:100%;	
	display:inline-block;
}

#producto-descripcion-bloque-2{
	width:100%;
	display:inline-block;
}

#producto-side-bar{
	width:100%;
	display:inline-block;
}

#similares{
	display:inline-block;
	max-width:280px;
}



#comparativa{
	display:inline-block;
	max-width:280px;
}
	
}

@media (max-width:640px){
#tabs{
	background-color: #6c55a3;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    border-radius: 5px 5px 0 0;
	behavior: url(pie-2.html);
    display: inline-block;
    float: left;
    font-size: 0.7em;
    margin-left: 8px;
}
#tabs > ul > li {
    -moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
    border-radius: 5px 5px 0 0;
	behavior: url(pie-2.html);
    margin-left: 0px;
    padding: 3px;
}

#tabs > ul {
    display: inline-block;
    list-style: none outside none;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 0;
}
#producto-descripcion {
    background-color: #cadb39;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius: 5px 5px 5px 5px;
	behavior: url(pie-2.html);
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 5px;
    width: 100%;
}

#producto-descripcion > ul {
    background-color: #FFFFFF;
    border-bottom: 10px solid #6c55a3;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius: 5px 5px 5px 5px;
	behavior: url(pie-2.html);
    border-top: 5px solid #6c55a3;
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0;
}	
}



#descripcion-planes{
 text-align:center;
}
.categoria-plan{
 display:inline-block;

 /*max-width:250px;*/
 
}
.plan{
 display:inline-block;
 border:#ccc 1px solid;
 width:200px;
 font-size:1em;
 margin-top:10px;
 vertical-align: top;
}
.plan-nombre{
 border:#999 1px solid;
 background-color:#eaeaea;
}
.plan-image{
 /*border:#999 1px solid;*/
 padding:20px 0px;
}

.plan-beneficios{
 /*border:#999 1px solid;*/
 
}
.plan-beneficios>ul{
 list-style:none;
 padding-left:0px;
}
.plan-detalle{
 /*border:#999 1px solid;*/
 border-top:#CCC 1px solid;
 padding:0px 5px;
}

.plan-descripcion{
	text-align:justify;
	font-size:0.8em;
	padding:0px 5px;
}

.beneficios{
	text-align:justify;
	padding:5px 5px 5px 40px;
	border-bottom:#cadb39 2px dotted;
	/*width:100%;*/
}

.touchslider-item > a > div > img {
	width:100%;
}