/* SVN FILE: $Id$ */
/**
 *
 * @filesource
 * @copyright     Copyright 2009 - www.tarfiasADSL.com
 * @version       $Revision$
 * @modifiedby    $LastChangedBy$
 * @lastmodified  $Date$
 */

* {
	margin:0;
	padding:0;
}

/* General Style Info */
body {
	color: #333;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	background: #eee url('../img/bg.gif') repeat-y left;	
}
a {
	color: #145ad2;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border:none;
}

p {
padding-bottom: 10px;	
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-size: 14px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;	
}
h1 {
	font-size:30px;
	line-height: 30px;
	font-style:italic;
	font-weight: normal;	
	text-align: letf;
	padding: 5px;
	color: #999;
}
h1.head {
	padding: 5px 0 10px 100px;
}

div#content div h1{
	padding: 10px;
}

h2 {
	font-size: 14px;
	line-height: 14px;
}

h3 {
	margin: 15px 0 5px 0;
	color: #333;
	font-size: 12px;
}
h4 {
	color: #333;
	font-weight: normal;
	font-size: 14px;	
}

#content .smallContent #preview ul { margin: 0; }

#content .smallContent div ul,#content .smallContent div ol {
	margin: 0 0 0 30px;
	padding: 0;
}

ul, li {
	margin: 0 0;
}

hr {
background-color: #eee;
color: #eee;
border: 0;
height: 3px;
width: 100%;
overflow: hidden;
margin: 10px 0;
}

select {
	font-size:120%;
	height:22px;
	line-height:22px;
	margin: 0 5px 0 0;
	padding: 1px;
}

	select[multiple=multiple] { width: 100%; }

	input[type=checkbox] {
		font-size:120%;		
		clear: left;
		float: left;
		margin: 0px 6px 7px 2px;
		width: auto;
		border: 0;
	}
	
	input[type=radio], 
	#popcontainer form input[type=radio] 
	{
		float:left;
		width:auto;
		margin: 0 3px 7px 0;
	}
		
/* ROOT */
#content{
	background: #fff;
	clear: both;
	color: #333;
	margin: 0 20px 0 20px;
}

/* Root Layout */

.smallContent {
	margin-right: 10px;
	width: 700px;
}

.smallMenu {
	width: 274px;
	overflow: hidden;
}

.smallMenu .txt {
	overflow: hidden;
} 

	ul.linklist li, ul#tarifaAddShow li div.tech p.no, ul#tarifaAddShow li div.tech p.yes, ul#tarifaAddShow li div.tech p.tip,
	.myBg_iconSet, form#filter input[type=submit], .prev, .next, div.feed p,
	div#popcontainer form input[type=submit],
	p.info
	{
		background-image: url("/img/icon_set.png");
		background-repeat: no-repeat;
	}

	 .icon, ul.linklist.admin li p.preistd {
		background-image: url('/img/main_icons.png');
		background-repeat: no-repeat;	
	}
	ul.linklist {
		list-style-type: none;
		width: 270px;
		border: 2px solid #eee;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	ul.linklist div.title p{
		padding: 0 5px;
		margin: 0;
	}

/* Home View */
.big { 
	background-image: url("/img/home_bg.gif");
	background-repeat: repeat-x;
	background-color: #ffb900;	
	padding: 10px 0;
	margin: -5px 0 -10px 0;
}

div#preview ul li { 

	float:left;
	margin:5px;
	padding:8px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;	
	-moz-box-shadow:0 2px 0 #c89600;
	box-shadow:0 2px 0 #c89600;

	height: 160px;
	width: 466px;
}

.swbg { 
	width: 466px;	
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;	
	-moz-box-shadow:0 2px 0 #c89600;
	box-shadow:0 2px 0 #c89600;
}

div#preview div { 
	width: 466px;	
	overflow: hidden;	
	float: left;
	height: 85px;
	margin: 0 10px 10px 0;
	padding: 8px;
	width: 329px;
	background-color: #fff6ae;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow:0 2px 0 #dcd7a5;
	box-shadow:0 2px 0 #dcd7a5;		
}

div#preview ul li { 
	background-color: #fff6ae;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow:0 2px 0 #dcd7a5;
	box-shadow:0 2px 0 #dcd7a5;		
}
	
	div#preview h2 { 
		margin: 0 0 5px 0;
	}


/* Filter View */
div#filter1 ul { 
	margin: 10px 10px 0 0;
	list-style: none;
	width: 850px;
	overflow: hidden;
	float: left;
}
div#filter1 ul li { 
float: left;
margin: 0 0 0 20px;

}
ul.special li { 
	cursor: pointer;
}

form#filter {
	background: transparent;
	border: 0;	
	padding: 10px 0;
	margin: 10px 0;
	background-color: #fff6ae;
		
}

form#filter input[type=submit] {
	
	background-position: 0 -1311px;
	
	display: inline;
	
	width:50px;
	height: 50px;
	font-size:0;
	line-height:1000px;
	
	padding: 0;
	margin: -5px 30px;
	border: 0;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	cursor: pointer;	
		overflow:hidden;
}

form#filter input[type=submit]:hover, form#filter input[type=submit]:focus {
	background-position: 0 -1375px;
}


div#popcontainer form p.rrl label { width: 50px; cursor: pointer;}
div#popcontainer form input[type=submit] {
	width: 133px;
	height: 30px;
	font-size:0;
	line-height:1000px;	
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	cursor: pointer;	
		overflow:hidden;	
	background-position: 0 -2123px;
}

div#popcontainer form input[type=submit]:hover, div#popcontainer form input[type=submit]:focus {
	background-position: 0 -2172px;
}


/* News View */
h3.big {
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
		
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 10px;
	height: 20px;
	line-height: 20px;
}
h2.big {
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	height: 20px;
	line-height: 20px;
}
i.stxt { color: #735500; font-size: 10px; float: right;}
div.showTxt { padding: 10px; }

/* All View */

p.info {
	background-position: 10px -440px;	
}

.fixTextTarifaBox {
padding: 0;
height: 47px;
}

div#persona, div#personaLeft, .round, .txt { 
	list-style-type: none;
	width: 260px;
	margin: 0 0 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
		border: 1px solid #eee; 
		background-color: #fdfdfd;
	
	padding: 6px;
	overflow: hidden;
}

	div#persona, div#personaLeft {
		border: 1px solid #eee; 
		background-color: #fdfdfd;
	}

	div#personaLeft {
		margin: 0 10px 0 0;
	}

	.round {
		border: 1px solid #eee; 
		margin: 0 10px 5px 0;
		background-color: #fff;
	}

/* Layout */

.plprice {
	height: 40px;
}
.plpriceB {
	height: 39px;
}

div.feed {
	background-color: #ffaf5a;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 5px;
	margin-bottom: 10px;		

}

div.feed p {
	background-position: 0 -2539px;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 18px;
}

#logo {
	margin:5px 0 -43px;
}

ul#mainMenu {
	font-size:13px;
	list-style-type:none;
	margin:24px 0 0 10px;
}

ul#mainMenu li {
	margin: 0;	
	padding: 0 10px;
	overflow: hidden;
	text-align: center;
	border-right: 1px solid #eee;
	float: left;
}

ul#mainMenu li.set {
	font-weight: bold;
}

ul#mainMenu li.set a {
	color: #333;
}

ul#mainMenu li.nb { border: 0; }

#container {
	text-align: left;
	width: 1024px;
	background-color: #fff;
}

#popcontainer {
	text-align: left;
	width: 1024px;
	background-color: #fff;
}

#header{
	border-bottom: 5px solid #eee;
	margin: 0 10px 10px;
}


ul.linklist li {
	background-position: 8px -756px;
	padding: 6px 6px 6px 30px;
	margin: 0;
	border-bottom: 1px dotted #eee;
}
ul.linklist li:hover, ul.linklist li:focus {
	background-position: 8px -536px;
}
	ul.linklist li.activ {
		background-position: 8px -536px;
		border: 0;
		border-bottom: 1px dotted #eee;		
	}

	ul.linklist li.off {
		background-position: 8px -976px;
	}
	
	ul.linklist li.nb {
		border-bottom: 0;
	}

/* 
 * Tarifas - Left Side
 */

#sortShow {
	width: 152px;
	overflow: hidden;
	font-size: 11px;
}

	#sortShow #sortShowPl1{
		height:172px;
	}
	
	#sortShow #sortShowPl2{
		height: 47px;
	}
	
	#sortShow #sortShowPl3{
		height: 127px;
	}

/* 
 * Tarifas - Detail
 */
.prev, .next {
	position: absolute;
	background-position:0 -1720px;
	background-color: transparent;
	height: 45px;
	width: 29px;
	border: 0;
	padding: 0;
	margin: 15px -1px 0 -29px;
	z-index: 989;
	cursor: pointer;
	outline: none;
}
.next {
	background-position:0 -1902px;
	margin: 15px -1px 0 -2px;
}

.next:hover,.next:focus { background-position: 0 -1788px; 	outline: none; }
.next:active { background-position: 0 -1902px; 	outline: none; }
.next.off { background-position: 0 -1845px; 	outline: none;}
.prev:hover,.prev:focus { background-position: 0 -1606px; 	outline: none;}
.prev:active { background-position: 0 -1720px; 	outline: none; }
.prev.off { background-position: 0 -1663px; 	outline: none;}

#resultShow {
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	width: 800px;
	height: 765px;	
	overflow: hidden;
	background-color: #fafafa;
}

ul#tarifaAddShow {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#tarifaAddShow li {
	float: left;
	width: 152px;
	height: 750px;
	margin: 5px 0 5px 5px;
	overflow: hidden;
	border: 1px solid #eee;
	text-align: center;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	background-color: #fff;	
}

ul#tarifaAddShow li div.showMainImage {
	height: 110px;
	width: 100%;
	text-align: center;
}


ul#tarifaShow li p.TimeStop, ul#tarifaAddShow li div.showMainImage p.TimeStop {
	position: absolute;

	width: 132px;
	border: 1px solid #b9a019;
	background-color: #ffe150;
	color: #333;
	margin: -4px 0 0 170px;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	filter:alpha(opacity=90);
  	opacity:0.9;		

}
ul#tarifaAddShow li div.showMainImage p.TimeStop {	margin: -4px 6px 4px 6px;}

ul#tarifaAddShow li div.showMainImage img {
	margin: 5px auto 10px auto;
	height: 100px;
	width: 100px;
}
	
ul#tarifaAddShow li div.showHead {
	height: 100px;
	width: 100%;
	overflow: hidden;	
	font-size: 10px;
}
	
	ul#tarifaAddShow li div.showHead h3 {
		margin: 5px 0 0;	
	}
	
		ul#tarifaAddShow li .hinfo,ul#tarifaShow li .hinfo {
			width: 100%;
			height: 15px;
			overflow:hidden;
			margin: 3px 0;
			padding: 0;
		}
		
		ul#tarifaAddShow li .hinfo span, ul#tarifaShow li .hinfo span {
			background-position: 0 -453px;
			height: 13px;
			overflow:hidden;
			margin: 0;
			padding: 0 0 0 18px;
			display: inline;
			color: #297dd3;
			text-decoration: underline;
			font-weight: bold;
			text-align: left;
			font-size: 11px;
			line-height: 13px;
			font-style: italic;
			cursor: pointer;
		}
		
		ul#tarifaAddShow li .hinfo span:hover {  }

			
			ul#tarifaAddShow li .subtitle, ul#tarifaShow li .subtitle { 
				position: absolute;
				margin: 15px 0 0 0;
				width: 141px;
				
					background-color:#F5FAFF;
					border:1px solid #AAD4FF;
			
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				
				filter:alpha(opacity=90);
			  	opacity:0.90;		

				padding: 5px;
			}
			
			ul#tarifaShow li .subtitle { 
				width: 300px;
				text-align: center;
				z-index: 9999;
				margin: -10px 0 0 10px;
			}
	
		ul#tarifaAddShow li .showSpecial {
			width: 100%;
			height: 30px;
			overflow:hidden;
			margin: 0;
			padding: 0;
			border-top: 1px dotted #ccc;	

			font-weight: bold;
			text-align: center;
			font-size: 13px;
			line-height: 30px;			
		}
		
		ul#tarifaAddShow li .showSpecial span:hover { text-decoration: none; }

			
			ul#tarifaAddShow li .specialsubtext { 
				position: absolute;
				width: 300px;
				
					background-color:#F5FAFF;
					border:1px solid #AAD4FF;
			
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				
				filter:alpha(opacity=94);
			  	opacity:0.94;		
					
				margin: 15px 0 0 -40px;
				padding: 5px;
			}

	/* 
	 * Price
	 */
		
	ul#tarifaAddShow li div.showBigPrice {
		height: 50px;
		width: 100%;
		overflow: hidden;	
		border: 1px dotted #ccc;
		border-left: 0; border-right: 0;
		padding: 10px 0;	
		margin: 0;	
	}

	/* 
	 * BigPrice
	 */	
		ul#tarifaAddShow li div.showBigPrice p.specialEprice {
			font-size: 19px;
			width: 47%;
			float: left;
			line-height: 25px;
			padding: 0;
			margin-left:5px; 
		}
		
		ul#tarifaAddShow li div.showBigPrice p.specialEprice sup {
			font-size: 11px;
			font-weight: bold;
			text-decoration: underline;
		}
		
		ul#tarifaAddShow li div.showBigPrice p.specialEprice span {
			width: 100%;
			font-size: 10px;
			line-height: 12px;
			font-style: italic;
		}
		
	/* 
	 * NormalPrice
	 */		
		
		ul#tarifaAddShow li div.showBigPrice p.specialPrice {
			font-size: 14px;
			color: #999;
			width: 45%;
			float: left;
			line-height: 25px;
			padding: 0;
			font-weight: bold;
			margin-left:5px; 			
		}
		
		ul#tarifaAddShow li div.showBigPrice p.specialPrice sup {
			font-size: 10px;
			text-decoration: underline;
		}
		
		ul#tarifaAddShow li div.showBigPrice p.specialPrice span {
			font-weight: normal;
			width: 100%;
			font-size: 10px;
			line-height: 12px;
			font-style: italic;
		}
	
ul#tarifaAddShow li .pinfo {
	width: 100%;
	height: 13px;
	overflow:hidden;
	margin: 5px 0;
	padding: 0;
}

ul#tarifaAddShow li .pinfo span {
	background-position: 0 -453px;
	height: 13px;
	overflow:hidden;
	margin: 5px 0;
	padding: 0 0 0 18px;
	
	color: #297dd3;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
	cursor: help;
}

ul#tarifaAddShow li .pinfo span:hover { }

ul#tarifaAddShow li .pricetab { 
				position: absolute;
				margin: 15px 0 0 0;
				width: 141px;
				
					background-color:#F5FAFF;
					border:1px solid #AAD4FF;
			
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				
				filter:alpha(opacity=90);
			  	opacity:0.90;		

				padding: 5px;
}

ul#tarifaAddShow li .send, .SubSend {
	background-position: 10px -333px;
	height:20px;
	overflow:hidden;
	width:145px;
	margin: 10px 0;
	cursor: pointer;
}

	ul#tarifaAddShow li:hover .send ,  .SubSend:hover,  .SubSend:focus {
		background-position: 10px -382px;
	}
	

div.post p.SubSendSpecial {
	background-position:-149px -333px;
	cursor:pointer;
	height:20px;
	margin:10px 0;
	overflow:hidden;
	width:100px;
}

.SubSendSpecialPL {
	cursor: default;
	width:79px;
	float: left;
}

ul#tarifaAddShow li .SubSendSpecial {
	margin: 0 10px;
		height:30px;
}

	.SubSendSpecial:hover,  .SubSendSpecial:focus {
		/*background-position: -149px  -382px;*/
		background-position:-149px -333px;		
	}
	
	ul#tarifaAddShow li .send span {
		top: -999999px;
		left: -999999px;
		position: absolute;
	}

/*
 *  Popup Tarifas Form
 */

	#popcontainer form {
		background: transparent;
		border: 0;
	padding: 0;
	margin: 0;
	}
	
	#popcontainer form label {
		
		background-color: transparent;
		border: 0;
		cursor: default;
		font-size: 11px;
		float:left;
		height:20px;
		line-height:20px;
		margin-right:5px;
		padding:0 10px;
		width:150px;
	}

	#popcontainer form input {
		-moz-border-radius-bottomleft:2px;
		-moz-border-radius-bottomright:2px;
		-moz-border-radius-topleft:2px;
		-moz-border-radius-topright:2px;
		border:1px solid #AAAAAA;
		font-size:115%;
		height:20px;
		line-height:20px;
		margin-top:0;
		padding:3px 4px 0;
		width:260px;
		}
		
/*
 * Rest
 */

.infoSTxt {
font-size: 11px;
text-align: center;
		color: #777;
width: 100%;
margin: 10px auto;			
}

ul.linklist.admin li div.option p.ml { margin-left: 20px; }
ul#tarifaAddShow li div#preis table tr td.tar, .tar { text-align: right; }
ul#tarifaAddShow li div#preis table tr td.tar { padding-right: 10px; }
.mt5 { margin-top: 5px; }
.ml { margin-left: 10px; }
.mr { margin-right: 10px; }
.nomr,
div#preview div.nomr
 { margin-right: 0px; }
.mr5 { margin-right: 50px; }
.p0 { padding: 0; }
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; height: 1px; overflow: hidden; padding: 0; margin: 0;}


ul.sitemap li {
	margin-left: 18px;
}

.tarifaBanner {
	position: absolute;
	margin:-51px 0 0 255px;
}

.tarifaBanner2 {
	position: absolute;
	margin:-51px 0 0 470px;
}