/*Documento de definición de estilos del sitio www.guiadegrecia.com 2016*/

html{font-size: 100%;} 

body{
	font-size:1.2rem;
	background-color:#f5f5f5;
	font-family:Verdana;
	text-align:center;
	padding:0;
	margin:0;
}

a:link, a:visited {text-decoration: underline;}

a:hover { 
	text-decoration:none;
	color:yellow;
	background-color:#3399FF;
	font-size:1.3rem;
}

/*CAJAS*/

/*CONTENEDOR*/
#contenedor{
	width:98%;
	margin:auto;
	text-align: center;
	max-width:1200px;
	font-size:1.2rem;
	border-right: 0.2em outset #3399FF;
	border-left: 0.2em outset #3399FF;
	background-color: #f5f5f5;
}
/*FIN CONTENEDOR*/

/*ANUNCIO ADAPTABLE*/
#anuncio{
	text-align: center;
	margin: auto;
	clear:both;
	background-image:url('../img/fondo-1.gif');
	background-color: #f5f5f5;
}
/*FIN ANUNCIO ADAPTABLE*/

/*código miga de pan*/
#migadepan{
	font-size: 1rem;
	font-family: Verdana;
	color: #fff;
	text-align: left;
	margin: 0 auto;
	background-color: #3399ff;
	padding: 0 0 0 15px;
}
/*fin de código de miga de pan*/

/*PIE*/
#pie{
	width: 100%;
	clear: both;
	font-family: Verdana;
	font-size: 1.1rem;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #F5F5F5;
	border-top: 1px solid #3399FF;
}
/*FIN CAJA PIE*/

/*caja del copy right*/
#copy{
	width: 100%;
	height: 15px;
	clear: both;
	font-size:1.1rem;
	color: #3399FF;
	text-align: center;
	margin: 0 auto 0 auto;
}

/*CAJAS*/

/*CAJAS FLEX*/

#caja-flex{
	display: flex;
	display: -webkit-flex; /* Safari */
	display: -ms-flexbox;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #f5f5f5;
	-webkit-justify-content:space-around; /* Safari */
	justify-content:space-around;
	-ms-justify-content:space-around;
}


#caja1 {
	flex: 2 1 300px;
	-webkit-flex: 2 1 300px; 
	-ms-flex: 2 1 300px;
	margin: 2px 2px;
	background-color: #f5f5f5;
	padding: 0 5px;
	text-align: center;
	font-size:1.2rem;
	border-top: 1px solid #bcd2e6;
	border-right: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	border-left: 1px solid #bcd2e6;
}

#caja2 {
	flex: 1 2 300px;
	-webkit-flex: 1 2 300px;
	-ms-flex: 1 2 300px;
	margin: 2px 2px;
	background-color: #f5f5f5;
	padding: 0 5px;
	text-align: center;
	font-size:1.2rem;
	border-top: 1px solid #bcd2e6;
	border-right: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	border-left: 1px solid #bcd2e6;
}

#caja3 {
	flex: 1 5 75px;
	-webkit-flex: 1 5 75px;
	-ms-flex: 1 5 75px;
	margin: 2px 2px;
	background-color: #f5f5f5;
	padding: 0 5px;
	text-align: center;
	font-size:1.2rem;
	border-top: 1px solid #bcd2e6;
	border-right: 1px solid #3399ff;
	border-bottom: 1px solid #3399ff;
	border-left: 1px solid #bcd2e6;
}

#caja4 {
	flex: 1 1 300px;
	-webkit-flex: 1 1 300px; 
	-ms-flex: 1 1 300px;
	background-color: #f5f5f5;
	padding: 0 5px 0 0;
	text-align: justify;
	border-top: 1px solid #bcd2e6;
	border-right: 3px solid #bcd2e6;
	border-bottom: 3px solid #bcd2e6;
	border-left: 1px solid #bcd2e6;
}


/*FIN CAJAS FLEX*/

#caja-f{
	padding: 2px 2px;
	background-color:#aacccc;
	text-align: center;
	color: #800000;
	font-weight: bold;
}

#caja98{
	width: 98%;
	text-align: center;
	margin: 0 auto;
	padding: auto 5px auto 10px;
}

/*ENCABEZAMIENTOS*/

h1{
font-family: Verdana;
color: #007070;
text-align: center;
font-size: 2.6rem;
text-decoration: underline;
margin: 0;
text-shadow: 2px 2px 2px #ffffcc;
}  

h2{
font-family: Verdana;
color: #007070;
text-align: center;
font-size: 2.3rem;
text-decoration: underline;
margin: 0;
text-shadow: 2px 2px 2px #99ff99;
}  

h3{
font-family: Verdana;
color: #008080;
text-align: left;
font-size:2rem;
text-decoration: underline;
text-shadow: 2px 2px 2px #99ff99;
}  

h4{
font-family: Verdana;
color:#880000;
text-align: left;
font-size:1.7rem;
text-decoration: underline;
text-shadow: 2px 2px 2px #336633;
}  

h5{
font-family: Verdana;
color: #006688;
text-align: center;
font-size: 1.5rem;
text-decoration: underline;
text-shadow: 1px 1px 1px #336633;
} 

/*PÁRRAFOS*/

p{
font-family: Verdana;
font-style: normal;
text-align: justify;
font-size: 1.2rem;
color: black;
text-decoration: none;
}   

.p-centrar{
   font-family: Verdana;
    text-align: center;
}   

.naranja{
    font-family: Verdana;
    font-size: 1.2rem;
    text-align: center;
    color: #ffcc99;
}

.small{
    font-family: Verdana;
    font-style: normal;
    text-align: center;
    font-size: 1rem;
}   

.small2{
    font-family: Verdana;
    font-style: normal;
    text-align: justify;
    font-size: 1rem;
}  

.sangria{
    text-indent: 50px;
}

.sangria2{
    text-indent: 75px;
}

span.color-gris {
	color: #cccccc;
	font-family: Verdana;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}

span.azul {
	color: #006688;
	font-family: Verdana;
	font-style: italic;
	font-weight: bold;
}


span.rojo {
	color: #800000;
	font-weight: bold;
}

span.verde {
	color: #006688;
	font-weight: bold;
	font-family: Verdana;
	font-style: italic;
}

span.color-burdeos {
	color: #800000;
	font-family: Verdana;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}

/*FIN PÁRRAFOS*/
/*margin-left: 5%; margin-right: 45% para centrar */

/*BARRA HORIZONTAL*/

hr{
	width:98%;
	height: 1px;
	margin: 1px auto;
	clear: both;
	border: 0 none;
	border-top: 1px solid #3399ff;
}

/*IMÁGENES*/
/*para DISEÑO WEB ADAPTABLE*/

img {
  max-width: 100%;
}

/*para centrar las imágenes*/

.img-centrar{
text-align: center;
}

/*para poner las imágenes a la izquierda del texto*/

img.float-left { 
    float: left; 
    margin: 4px; 
}

/*para poner las imágenes a la derecha del texto*/

img.float-right { 
    float: right; 
    margin: 4px; 
}
/*FIN DE IMÁGENES*/

/*LISTAS*/

ul {
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	padding: 0px 5px 0px 100px;
 }

/*FIN LISTAS*/

/*TABLAS*/

table{
	width: 95%;
	margin: 20px auto 0px auto; 
	border-color: #bcd2e6;
	border-width: 4px; 
	border-style: solid;
	border-spacing:5px;
	border-collapse: collapse;
	padding:10px;
	text-align: center; 
	empty-cells: show;
}

td {
      border:3px solid;
      border-color: #bcd2e6;
font-size: 1.1rem;
}

th {
    font-family:Verdana;
font-size: 1.2rem;
    color: #FF6600; 
    border:3px solid;
    border-color: #bcd2e6;
} 

/*FIN TABLAS*/