@font-face{font-family:'Segoe UI Light';src:url('//i.s-microsoft.com/fonts/segoe-ui/east-european/light/latest.eot');src:url('//i.s-microsoft.com/fonts/segoe-ui/east-european/light/latest.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/segoe-ui/east-european/light/latest.woff') format('woff'),url('//i.s-microsoft.com/fonts/segoe-ui/east-european/light/latest.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/segoe-ui/east-european/light/latest.svg#web') format('svg');font-weight:normal;font-style:normal}

html {
/*background: #252525;*/
}

body {
color:#333;
font-family: Tahoma, Arial, sans-serif;
font-size:13px;
margin:0;
padding:0;
background: #EEE;
}
img {  }

h1 { font-size: 52px; margin: 0; padding: 5px 15px;}
h3 { font-size: 28px; margin: 0; }
h4 { font-size: 24px; margin: 10px 0 0 0; }

h1, h3, h4, h5 {
font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif;
font-weight: 300;
}
a {
color:#333;
text-decoration: none;
}

a:hover {
color:#000;
text-decoration: underline;
}
code, pre {
word-wrap: break-word;
}
option {
font-weight: bold;
}
option:hover {
cursor: pointer;
}
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
padding: 3px;
}

img { border: 0 }

hr { 
border:none;
color:white;
height:1px;
background:#ccc;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, from(#ccc), to(#fff)); 
}

/* Selectie */
::selection {
background:#000;
color:#fff;
}
::-moz-selection {
background:#000;
color:#fff;
}
::-webkit-selection {
background:#000;
color:#fff;
}

textarea {
width:500px;
height:100px;
}
.frame_bar { height: 47px; position: absolute; width: 100%; z-index: 1000;}
.header {
width: 100%;
margin: 0 auto;
max-width: 1000px;
padding: 20px 15px;
}
.contentContainer .sidebar {
color: #fff;
font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif;
}
.title3 {
font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif;
background: #FFF;
padding: 10px 15px;
font-weight: 300;
font-size: 24px;
color: #333;
overflow: auto;
}
.title3 a {
color: #333;
}
.title3 a:hover {
text-decoration: underline;
}
.title3 ul {

list-style-type: square;
font-size: 16px;
}
.title3 ul li {
width: 33.3333%;
float: left;
}
.weatherCurrent {
font-size: 16px;
}
.contentTitleRight img, .contentTitle img, .tableDelete img {
width: auto !important;
margin: 2px;
}
.currentSide {
padding: 10px 15px;
overflow: auto;
}
.currentSide img {
width: auto !important;
}
.dayCurrent {
color: #fff;
font-size: 22px;
}
.cityCurrent {
font-size: 16px;
color: #fff;
font-weight: bold;
}
.tempCurrent {
font-size:5em;
color: #fff;
}
.humidityCurrent {
font-size: 18px;
color: #fff;
}
.windCurrent {
font-size: 17px;
color: #fff;
}
.right {
background: #fff;
min-height: 620px;
}
.weatherForecast {
border-top: 1px solid #DDD;
padding: 15px 0 10px 0;
overflow: auto;
}
.dayForecast {
font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif;
font-weight: 300;
font-size: 26px;
}
.tempForecast {
font-family: 'wf_SegoeUILight', "Segoe UI Light", "Segoe WP Light", "Tahoma", Arial, Verdana, sans-serif;
font-weight: 300;
font-size: 24px;
}
.dateForecast {
padding-top: 5px;
}
#content {
margin: 0 auto;
width: 100%;
}
.format {
font-size: 18px;
text-transform: uppercase;
height: 30px;
width: 30px;
float: left;
border: 2px solid #333;
border-radius: 30px;
text-align: center;
font-weight: bold;
margin-top: 10px;
}
.format:hover {
background: #333  !important;
}
.format:hover a{
color: #FFF  !important;
}
.format a {
padding:0px !important;
padding-top: 3px !important;
color: #333  !important;
line-height: 28px  !important;
text-decoration: none  !important;
background-color: transparent !important;
}
.row { 
width: 100%;
margin: 0!important;
max-width: 1000px;
}
.contentContainer img {
width: 100%;
}
.footer .three {background-color: #252525;}

.row .three {
width: 33.3333%;
line-height: 170%;
}
.row .four {
width: 25%;
}
.row .six { 
width: 50%; 
}
.row .eight { 
width: 75%; 
}
.row .seven {
width: 66.6666%;
}
.column, .columns {
float: left;
min-height: 1px;
position: relative;
}
[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }
.stats {
width: 90%;
margin: 10px 0;
font-size: 14px;
font-weight: bold;
float: left;
}
.inputUrl input {
float: left;
border: 3px solid #f9b49b;
padding: 10px;
width: 50%;
outline: 0;
font-size: 24px;
}
.inputUrl input:hover, .inputUrl input:focus {
border: 3px solid #FFB8EE;
}
.congInput input { width: 60%; margin-top: 10px; }
.congInputMobile { display: none; }
input#search {
width: 85%;
background: #f0f0f0;
border: 2px solid #000;
font-size: 14px;
outline: none;
padding: 7px;
color: #aaa;
margin: 10px 10px 10px 0;
float: left;
}
input#search:hover {
background: #fff;
color: #202020;
}
input#search:focus {
background: #fff;
color: #202020;
}
input[type="submit"] {
border: 3px solid #f9b49b;
background: #f9b49b;
padding: 13px;
font-size: 18px;
width: 120px;
margin-left: -3px;
}
input[type="submit"]:hover {
border: 3px solid #FFB8EE;
background: #FFB8EE;
}
input[type="submit"]:active{
border: 3px solid #FFB8EE;
background: #FFB8EE;
}
.alias {
margin-top: 20px;
float: left;
width: 100%;
}
.alias input {
margin-top: 5px;
font-size: 16px;
padding: 5px;
width: 200px;
}
.subfooter {
background: #953CAC ;
width: 100%;
color: white;
margin-top: 30px;
}
.socialFooter {
color: #252525;
width: 100%;
max-width: 1000px;
margin: 0 auto;
font-family: 'wf_SegoeUI', "Segoe UI", "Segoe WP", "Tahoma", Arial, Verdana, sans-serif;
font-weight: 300;
font-size: 16px;
}
.contentContainerSecond {
background: #EEE;
padding: 25px 15px;
overflow: auto;
}

.contentContainer form {
overflow: auto;
}
.footerContainer {
padding: 25px 15px;
}
.socialFooter a {
padding: 0 20px;
color: white;
}
.socialFooter h3 {
display: inline-block;
color: white;
}
.logo {
width: 400px;
float: left;
height: 47px;
}
.menu {
width: 450px;
float: left;
height: 47px;
}
.inputs {
width: 70px;
display: inline-block;
}
.menu a {
color: #6b6b6b;
float: left;
font-size: 12px;
background: #F3F3F3;
background: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid #c5c5c5;
text-align: center;
width: auto;
padding: 5px 4px;
margin: 8px 5px 0 0;
text-decoration: none;
border-radius: 2px;
float: right;
}
.menu a:hover{
border-color: #a7a7a7;
color: #333;
box-shadow: 0px 1px 1px #ccc;
}
.menu a:active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#E0E0E0));
border-color: #BBB;
box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
-webkit-box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
z-index: 2;
color: #000;
}
.contentTitle {
background: url(images/titlebg.png) repeat-x;
height:31px;
width: 827px;
border: 1px solid #a7a7a7;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 10px;
padding: 0 10px;
}
.contentBody {
border: 1px solid #a7a7a7;
width: 827px;
height: auto;
margin-top: -1px;
padding: 10px;
background: #fff;
overflow: auto;
margin-bottom: 20px;
}
.contentBody input[type="submit"] {
font-family: Verdana, Tahoma, sans-serif;
color: #6b6b6b;
font-size: 12px;
background: #F3F3F3;
background: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid #b1b1b1;
text-align: center;
width: auto;
padding: 5px 5px;
text-decoration: none;
margin-top: 10px;
border-radius: 2px;
}
.contentBody input[type="submit"]:hover {
border-color: #a7a7a7;
color: #333;
box-shadow: 0px 1px 1px #ccc;
}
.contentBody input[type="submit"]:active{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#E0E0E0));
border-color: #BBB;
box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
-webkit-box-shadow: rgb(204, 204, 204) 0px 1px 5px inset;
z-index: 2;
color: #000;
}
.contentTitleLeft {
float: left;
margin-top: 5px;
}
.contentTitleRight {
float: right;
margin-top: 5px;
}
.contentTitleRight a, .contentTitleLeft a {
text-decoration: none;
padding: 8px;
color: #666;
}
.contentTitleRight a:hover, .contentTitleLeft a:hover {
background: url(images/titlebg_h.png) repeat-x;
color: #000;
}
.contentTitleRight a:active, .contentTitleLeft a:active {
background: url(images/titlebg_a.png) repeat-x;
color: #000;
}
.tableContainer {
width: 827px;
border: 1px solid #A7A7A7;
overflow: auto;
}
.tableId {
width: 173px;
float: left;
padding: 5px;
border-top: 1px solid #A7A7A7;
}
.tableName {
width: 573px;
float: left;
padding: 5px;
border-top: 1px solid #A7A7A7;
}
.tableDelete {
width: 51px;
float: left;
padding: 5px;
border-top: 1px solid #A7A7A7;
}
.footer {
background: #252525;
color: #fff;
}
.footer a {
color: #FFB8EE;
}
.footer a:hover {
color: #fff;
text-decoration: underline;
}
.footer h6 {
text-rendering: optimizeLegibility;
font-size: 20px !important;
font-family: 'wf_SegoeUI', "Segoe UI", "Tahoma", Arial, Verdana, sans-serif;
font-weight: 300;
margin: 20px 0 10px 0;
}
.error {
font-family: Verdana, Tahoma, Arial, sans-serif;
padding: 5px;
border: 1px solid #cc0000;
background: #ffc0cf;
color: #b40a34;
border-radius: 3px;
margin: 0 0 10px 0;
}
.neutral {
font-family: Verdana, Tahoma, Arial, sans-serif;
padding: 5px;
border: 1px solid #CCC;
background: #F1F1F1;
color: #666;
margin: 10px 0;
}
.halfContent {
width: 410px;
float: left;
}
.ads1 {
margin-top: 10px;
width: 100%;
height: auto;
float: left;
}
/* Tipsy */

.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; font-family: Verdana, Tahoma, Arial, sans-serif;}

.tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #fff; color: #000; min-width: 200px;  border: 3px solid #666; box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.tipsy strong { color: #000; }
.tipsy despartitor { margin: 5px 0 0 -8px; border-top: 1px solid #ddd; width: 216px; height: 2px; display: block;}
.tipsy votes { color: #000; }
.tipsy genres { color: #000; }

#WSBubble{display:none;overflow:hidden;position:absolute;box-shadow: 0px 0px 6px #b4b4b4;}
#WSBubble img{margin:9px;}
#WSBubble.small{width:220px;height:170px;background:url(images/wsbg.png);}

/* Elimina un stil
*/

/* ------------------- !MOBILE ----------------------- */
@media only screen and (max-device-width: 600px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 600px), only screen and (max-width: 767px) {
	#header {
		height: 1px;
	}
	.row img {
		width: 100%;
	}
	.row .three {
		width: 100%;
	}
	.row .four {
		width: 100%;
	}
	.row .eight {
		width: 100%;
	}
	.row .six { 
		width: 50%; 
	}
	.row .seven {
		width: 100%;
	}
	.ads1 {
		display: none;
	}
	.sidebar {
		float: none;
	}
	.sidebar img {
		width: 100%;
	}
	input#search {
		width: 70%;
	}
	.right {
		min-height: auto;
	}
	.title3 ul li {
	width: 100%;
	}
	.congInput input { display: none; }
	.congInputMobile {
	width: 90%;
	border: 3px solid #FFB8EE;
	padding: 5px; 
	display: block;
	margin-top: 30px;
	font-size: 20px;
	word-wrap: break-word;
	}
	.subfooter {
	margin-top: 0;
	}
	.socialFooter h3 { margin-bottom: 15px; }
	.socialFooter { line-height: 100%; }
	.socialFooter { color: #953CAC  !important; }
    .socialFooter a { padding: 0 !important; color: #fff; width: 100%; display: block; }
}