/*  
Tema: Galería de fotos antiguas de Malpica de Tajo (2)
Tema URI: http://acorral.es/malpiweb
Version: 1.0.0
*/
/************************************************************************************
Estilos genéricos
*************************************************************************************/
html {
	background: #EBE9D5 ;
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;
	min-height: 100%;
	overflow-x: hidden;
}

h1{
font: Arial, Helvética, Times, serif;
text-align: center;
font-size: 1.3em;
font-weight: bold;
color: #CC0000;
text-shadow: 1px 1px 2px black, 0 0 8px Maroon, 0 0 8px darkred;
background-color: #ffff99;
}
h2{
font: 15px/150% Arial, Helvética, Times, serif;
font-size: 1em;
font-weight: bold;
}
p{
text-align: justify;
margin: 10px 10px 0px 10px;
font-size: 80%;
}
#header {

}
#cabecera{
background: url("florayfauna/floryfauima/imamovil/plazaresponsim.jpg") no-repeat top center;
height: 130px;
max-width: 100%;
}
#pcabe{
font-size: 110%;
text-align: center;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
color: #CC0000;
opacity: 0.8;
filter: alpha(opacity=60);
}
#parra1{
margin-top:5px;
background: #FFFF99;
text-align: justify;
}
p.parra2 {
	font-family:"Times New Roman", Times, serif;
	color: #000000;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
	max-width: 100%;
	background: #FFFFCC;
}
div.contenedorA{
margin: 2% 2% 0 6%;
}
div.Fotos {
    margin: 1px;
    padding: 1px;
    max-width: 90%;
    float: left;
    text-align: center;
}

div.Fotos.img {
    display: inline-block;
	max-width: 90%; 
}
img { 
    max-width: 90%; 
    height: auto; 
}
div.desc {
  background: #FFFF33;
  color: #cc0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0px;
  text-align: center;
  
}
#soni{
text-align: center;
}
footer {
clear:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	height: auto;
	max-width: 100%;
	background: #663366 no-repeat right top;
    color:white;
}
#titpie{
color:#66ff00;
font-size:120%;
text-align:center;
margin-top: 10px;
background: #660000;
border-radius: 5px;

}
p.menupie {
margin-top: 10px;
font-size:100%;
display: inline-block;

}
p.menupie a:link {
text-decoration: none;
 color:white;
}
p.menupie a:hover {
text-decoration: none;
 color:#330000;
}
p.menupie a:visited {
text-decoration: none;
 color:yellow;
}

#imapie{
	padding-top: 20px;
	max-width: 100%;
    height: auto;
	text-align:center;

}
#imapie img {
	max-width: 15%;
  	height: auto;
	text-align:center;
	padding-bottom: 5px;
}
#contador {
text-align:center;
}
#contador img {
text-align:center;
}
/************************************************************************************
Consulta de medios
*************************************************************************************/
@media (min-width: 768px){
body {
	font-size: 140%;
	
}
#pcabe{
font-size: 150%;
}
#cabecera{
background: url("imagenes/plazaresponsi.jpg") no-repeat top center;
height: 130px;
max-width: 100%;
}
p{
text-align: justify;
margin: 10px 10px 0px 10px;
font-size: 80%;
}
#imapie img {
	max-width: 100%;
  	height: auto;
}


div.contenedorA{
	margin: 1% 1% 1% 23%;
}
div.Fotos {
    margin: 1px;
    padding: 1px;
    max-width: 100%;
    float: left;
    text-align: center;
}

div.Fotos.img {
    display: inline-block;
	max-width: 100%; 
}
img { 
    max-width: 100%; 
    height: auto; 
}
div.desc {
  background: #FFFF33;
  color: #cc0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0px;
  text-align: center;
  
}
}
@media (min-width: 980px) {
div.contenedorA{
	margin: 1% 1% 1% 8.5%;
}

}
@media (min-width: 1024px) {
body {
	font-size: 160%;
}
#pcabe{
font-size: 200%;
}
div.contenedorA{
	margin: 1% 1% 1% 9.5%;
}
img { 
    max-width: 100%; 
    height: auto; 
}

 }
 
@media (min-width: 1200px) { 
body {
	font-size: 150%;
}
div.contenedorA{
	margin: 1% 1% 1% 18%;
}
#pcabe{
font-size: 200%;
}
img { 
    max-width: 100%; 
    height: auto; 
}
}