/******************************************************/
/* Caracteristicas de la pagina foto.php*/

div#body{
	min-width: 1020px;
}

div#lateral-foto-izquierda{
position: relative;
margin-left: 3px;
margin-bottom: 10px;
margin-right: 0px;
margin-top: 0px;
text-align: center;
width: 170px;
padding: 0px 4px;
color:#000;
font-size: 11px;
 float: left;
 border-radius: 0px 0px 5px 5px;
 -moz-border-radius: 0px 0px 5px 5px;
 -webkit-border-bottom-left-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
}


div#area-central{
position: relative; top: 0px; margin-bottom: 6px;
float:left;
width: 643px;
margin-left:12px;
z-index: 3;
background-color: white;
padding-right: 3px
/*overflow-y:auto;*/
}
div#lateral-foto-derecha{
position: relative;
float: left;
height: 330px;
margin-left: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-top: 4px;
text-align: center;
//width: 330px;
color:#ffffff;
font-size: 11px;
}
div#control_mapa{
position: relative;
width: 100%;
height: 15px;
margin: 3px;
color: black;
cursor: pointer;
}


div#foto-foto-titulo{
	margin-left: 10px;
	margin-bottom: 1px;
	margin-right: 15px;
	margin-top: 0px;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	position: relative;
	width: 90%;
}
div#foto-foto{ border-width: 0px; border-style: none; position:relative; text-align: center; margin:10px auto; width: 640px; min-height: 300px }
div#foto-foto img{margin: auto; border: none;}
div#foto-foto #img_foto{margin: 0px auto; border: none;  }

/*Todos los comentarios van en este div*/
div#foto-comentarios {
border-style: none;
position: relative;
margin: 0px;
width: 630px;
padding:5px; 
text-align: left;
font-size: 12px;
}

/*Cada uno de los comentarios va en este div*/
div.foto-comentario{
position: relative;
margin: 0px; margin-bottom:15px;  padding:0px; width:100%;
}
div.foto-comentario-avatar{position: relative; float: left; overflow: auto;}
div.foto-comentario-userlink{position: relative; background-color: #d8d8d8; margin-left: 34px;padding:2px 5px; height: 15px;}
div.foto-comentario-fecha{position: relative; float:right; font-size:8px;vertical-align: 4px;}
div.foto-comentario-fecha-fecha{position: relative; float:left; height: 10px; margin: 2px 5px;}
div.foto-comentario-fecha img{cursor: pointer;}
div.foto-comentario-texto{position: relative; margin-left: 34px; padding:2px 5px 2px 5px;}

/********LATERAL en foto******/
div#lateral-foto-info {
 position:relative;
 margin:0px 4px 4px 4px; padding:0px; 
 text-align: center;
 width: 100%;}
div#lateral-foto-usuario {margin-left: 0px; margin-bottom: 3px; margin-right: 0px; margin-top: 0px; background-color: #0b4b8a; position:relative; padding:4px; text-align: center; min-height: 60px;
	border-radius: 0px 0px 5px 5px;
 	-moz-border-radius: 0px 0px 5px 5px;
 	-webkit-border-bottom-left-radius: 5px;
 	-webkit-border-bottom-right-radius: 5px;
 	width: 100%;
 	overflow-y: auto;
 	}
 	
div#lateral-foto-usuario-foto {position:relative;float:left;margin:1px; padding:1px; text-align: center;}
div#lateral-foto-usuario-texto {position:absolute;left: 65px; margin:1	px; padding:1px; font-size: 12px; text-align: left; color:#FFFFFF;} 
lateral-foto-usuario-texto img{width: 20px;}
div#lateral-foto-control {position:relative;margin:6px 0px; padding:0px; text-align: center; clear: both;}

div#lateral-foto-control img {margin-top: 25%;}

p#foto_texto{font-size: 14px}
p#foto_fecha{font-size: 11px}
	
div#lateral-foto-titulo-fecha {
		background-color: #0b4b8a; position:relative; margin:1px 1px 1px 1px; text-align: center; width: 100%;
                border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-bottom-right-radius: 5px;
                -webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
                -webkit-border-top-left-radius: 5px;
		color: #ffffff;
		font-size:8pt;
		padding:4px;
} 
div#lateral-foto-titulo-fecha big { font-size:12pt; font-weight:bold;}
div#lateral-foto-titulo-fecha small { font-size:7pt; font-weight:bold;}


		div#lateral-foto-titulo {font-size: 8px; position:relative;margin: 1px; text-align: center;} 
		div#lateral-foto-fecha {font-size: 9px; position:relative;margin: 1px; text-align: center;} 

div#lateral-foto-edit {position:relative; font-size: 8px; margin:4px 0px; padding:2px; text-align: center; background-color: #0b4b8a;}
div#lateral-foto-edit a{
	cursor: pointer;
}
div#lateral-foto-votos {position:relative; padding:2px;margin:4px 0px; background-color: #0b4b8a; text-align: center; font-size: 10px; color:#ffffff;}
#form-voto{font-size: 8px;}

/*BLOQUE 3*/
div.foto-miniaturas{background-color: #0b4b8a; position:relative; margin:3px 1px 0px 1px; text-align: center; width: 100%;
                border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-bottom-right-radius: 5px;
                -webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
                -webkit-border-top-left-radius: 5px;
		color: #ffffff;
		font-size:8pt;
		padding:4px;}
div.foto-minifoto{margin: 10px 5px 5px 5px;}
div.foto-minifoto a{ text-decoration: none; border: none;}
div.foto-minifoto a img{border: none;}
/*-----------*/

div.lateral_controlador{
	width: 160px;
	margin: 5px 0px 10px 0px;
}
div.lateral_controlador_titulo{
	width: 100%;
	height: 20px;
	border-color: #4f66ff;
	border-style: groove groove groove groove;
	background-color: #4f66ff;
	color: white;
	font-style: italic;
	cursor: pointer;
}
div.lateral_controlador_botones{
width: 153px;
height: 20px;
margin-left: auto; margin-right: auto;
position: relative;
margin-bottom: 6px;
}
div.lateral_controlador_botones img{
float: left;
width: 15px;
position: relative;
margin-right: 4px;
cursor: pointer;
}
div.lateral_controlador_botones input{
float: left;
width: 90px;
position: relative;
}
div#map{
	position: relative;
	width: 200px;
	height: 200px;
}
div.lateral_controlador_interior{
	width: 100%;
	border-color: #4f66ff;
	border-style: none none groove groove;
	color:black;
	padding: 3px;
}