@charset "UTF-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	padding-top:43px;
	background-color:#000;
	height:100%;
}

html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { display:block; width:100%; border:none; }

#menuCams{
	display:block;
	position:fixed;
	width:100%;
	height:30px;
	background-color:#FFF;
	text-align:right;
	z-index:22;
	padding:7px 0 6px 10px;
	border-bottom:1px solid #eaeaea;
	top:0;
	text-align:left;
}

#menuCams .btn-group{
	margin:0 auto;
}

#mapContainer{
	width:100%;
	height:100%;
	/*overflow:hidden;*/
	padding-top:40px;
	background-color:#000;
}

#cameraDetail{
	display:none;
	position:fixed;
	width:auto;
	height:auto;
	background-color:#000;
	z-index:30;
	text-align:center;
	max-width:700px;
}

#cameraDetail .arrows{
	position:absolute;
	display:block;
	width:100%;
	height:33px;
	z-index:30;
	top:50%;
	margin-top:-16px;
	opacity:0.7;
	cursor:pointer;
}

#cameraDetail .arrows .arrow-left{
	position:absolute;
	display:block;
	left:5px;
	width:22px;
	height:33px;
	background-image:url(../images/arrow-left.png);
}

#cameraDetail .arrows .arrow-right{
	position:absolute;
	display:block;
	right:5px;
	width:22px;
	height:33px;
	background-image:url(../images/arrow-right.png);
}

#cameraDetail .count{
	position:absolute;
	display:block;
	right:0;
	bottom:0;
	padding:8px;
	background-color:#000;
	color:#FFF;
	font-size:0.9em;
	opacity:0.5;
}

.cortina{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	z-index:28;
	opacity:0.7;
	display:none;
}

.cerrarPadre{
	position:absolute;
	left:10px;
	top:10px;
	z-index:10;
	color:#000;
	cursor:pointer;
}

#menuCams span{
	color:#FFF;
	padding:4px;
}

#thumbs-camaras{
	display:none;
	overflow:auto;
	height:auto;
	background-color:#000;
}
#tweets{
	display:none;
	left:0;
	top:0;
	overflow:auto;
	width:100%;
	height:536px;
	background-color:#FFF;
}
#mapa-camaras{
	display:none;
	overflow:hidden;
	height:100%;
}

.cameraThumb{
	position:relative;
	width:25%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}

.cameraThumb img{
	border-left:1px solid #000;
	border-top:1px solid #000;
}
	
.cameraThumb .thumbCurtain{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:8;
	opacity:0.6;
	cursor:pointer;
}
.cameraThumb .caption{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:30%;
	padding:30% 0;
	color:#FFF;
	text-align:center;
	z-index:10;
	cursor:pointer;
	font-size:1.5em;
}

.twitter-timeline{
	display:block;
	width:100%;
	height:100%;
	float:right;
}


#tweecool{
	position:relative;
	width:100%;
}

#tweecool ul {
margin: 0;
padding: 20px;
}
#tweecool li {
list-style: none;
clear: both;
}
#tweecool li img, #tweecool li .tweets_txt {
float: left;
margin-bottom: 10px;
}
#tweecool li img {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#tweecool li .tweets_txt {
width: 80%;
margin-left: 10px;
}
#tweecool li .tweets_txt span {
font-style: italic;
color: #666;
display: block;
}