@font-face {
		    font-family: opensanbold;
		    src: url(fonts/OpenSans-CondBold.ttf);
		}
		@font-face {
		    font-family: opensanlight;
		    src: url(fonts/OpenSans-CondLight.ttf);
		}
a{
	text-decoration:none;
}
		body{
			margin: 0px;
		    padding: 0px;
		}

		.dvwgprincipal a{
			color: blue;
		}

		.dvwgprincipal{
			width: 300px;
			/* height: 300px;*/
			padding-bottom: 2px;
			border: 1px solid #BBB;
			background: #CFD8DC;
		}
		.dvwgcabecera{
			width: 100%;
			display: block;
			font-family: opensanlight;
			/* font-weight: bold; */
			padding-left: 10px;
    		font-size: 1.0em;
    		margin-top: 5px;
		}
		.dvwgtempg{
			width: 130px;
			display: inline-block;
			font-family: opensanlight;
			font-weight: bold;
    		font-size: 3.5em;
    		padding-left: 24px;
    		vertical-align: top;
		}
		.dvwgestadocielo{
			width: 50px;
			display: inline-block;
			border: 1px solid;
		}
		.dvwgotrosparametros{
 			display: block;
			font-family: opensanlight;
			vertical-align: bottom;
			width: 100%;
    		text-align: center;
    		margin-bottom: 3px;
		}
		.dvwgotrosparametros img{
			vertical-align: sub;
  		    margin-right: 4px;
		}

		.dvwgotrosparametrosdos{
 			display: block;
			font-family: opensanlight;
			vertical-align: bottom;
			width: 100%;
    		text-align: center;
    		margin-bottom: 3px;
		}

 		.dvwgotrosparametrosdos img{
			vertical-align: middle;
  		    margin-right: 4px;
  		    padding-bottom: 3px;
		}

		.dvwgproxdias{
			width: 100%;
    		text-align: center;
    		background: #DEE4E7;
    		margin-top: 15px;
		}
		.dvwgltsup{
			display: inline-block;
    		margin-left: 6px;
 			font-family: opensanlight;
			text-align: right;
			padding-right: 88px;
			font-size: 0.9em;
			padding-top: 2px;
		}
		.dvwgcordenadas{
			width: 258px;
			display: inline-block;
			font-family: opensanbold;
			font-size: 1.1em;
		}
		.dvwgimgrfresh{
			width: 25px;
			display: inline-block;
			    vertical-align: sub;
			cursor: pointer;
		}
		.dvwgdiauno{
			padding: 10px;
			width: 60px;
			display: inline-block;
			text-align: center;
		}
		.dvwgdiados{
			padding-left: 14px;
    		padding-right: 14px;
    		width: 65px;
			display: inline-block;
			text-align: center;
		}
		.dvwgdiatres{
			padding: 10px;
			width: 60px;
			display: inline-block;
			text-align: center;
		}
		.spntempmax{
			font-family: opensanbold;
			color: #F00;
 			font-size: 0.9em;
		}
		.spntempmin{
			font-family: opensanbold;
			color: #00F;
 			font-size: 0.9em;
		}
		.spnday{
			font-family: opensanbold;
			display: block;
 			font-size: 0.8em;
		}
		.imgcieloprev{
			padding-bottom: 2px;
    		padding-top: 2px;
    		width: 35px;
    		margin-left: auto;
    		margin-right: auto;
    		display: block;
		}
		#spnbarpid{
			font-family: opensanlight;
		}
		.dvwgskynow{
			display: inline-block;
		}
		.dvwgskynow img{
    		width: 120px;
		}
		.dvwgoppresion{
 			display: inline-block;
    		margin-right: 20px;
    		width: 105px;
    		text-align: left;
 		}
		.dvwgopviento{
			display: inline-block;	
 			width: 105px;
			text-align: left;
 		}
		.dvwgoplluvia{
			display: inline-block;
			margin-right: 20px;
			width: 105px;
			text-align: left;
		}
		.dvwgmoreinfo{
			font-family: opensanlight;
			display: inline-block;
		}
		.dvwgophumedad{
			display: inline-block;	
 			width: 105px;
			text-align: left;
 		}
 		#imgrefresh{
 			padding-bottom: 1px;
 		}

 		@media screen and (max-width: 1000px) {
		   .dvwgcordenadas {
   			 	width: 200px;
			}
			.dvwgtempg
			{
				width: 105px;
				font-size: 2.8em;
				padding-left: 13px;
			}
			.dvwgskynow img {
			    width: 100px;
			}
			.dvwgoppresion{
	    		margin-right: 0px;
	    		width: 105px;
	 		}
			.dvwgopviento{
	 			width: 105px;
	 		}
			.dvwgoplluvia{
				margin-right: 0px;
				width: 105px;
			}
			.dvwgophumedad{
	 			width: 105px;
	 		}

	 		.dvwgprincipal {
			    width: 240px;
			}
			.dvwgdiados {
			    padding-left: 5px;
			    padding-right: 5px;
			}
			.dvwgltsup {
				padding-right: 67px;
			}
	 	}