@font-face {
font-family: "JosefinSans-Bold";
src: url("fonts/JosefinSans-Bold.ttf");
}
@font-face {
font-family: "JosefinSans-BoldItalic";
src: url("fonts/JosefinSans-BoldItalic.ttf");
}
@font-face {
font-family: "JosefinSans-Italic";
src: url("fonts/JosefinSans-Italic.ttf");
}
@font-face {
font-family: "JosefinSans-Light";
src: url("fonts/JosefinSans-Light.ttf");
}
@font-face {
font-family: "JosefinSans-LightItalic";
src: url("fonts/JosefinSans-LightItalic.ttf");
}
@font-face {
font-family: "JosefinSans";
src: url("fonts/JosefinSans-Regular.ttf");
}
@font-face {
font-family: "JosefinSans-SemiBold";
src: url("fonts/JosefinSans-SemiBold.ttf");
}
@font-face {
font-family: "JosefinSans-SemiBoldItalic";
src: url("fonts/JosefinSans-SemiBoldItalic.ttf");
}
@font-face {
font-family: "JosefinSans-Thin";
src: url("fonts/JosefinSans-Thin.ttf");
}
@font-face {
font-family: "JosefinSans-ThinItalic";
src: url("fonts/JosefinSans-ThinItalic.ttf");
}

body{
  background-color: #FFFFFF;
  font-family: Century Gothic, Open Sans, Arial, Tahoma;
  font-size:1em;
}
a{
   text-decoration: none;
}

/* ESTILO MENÚ **/

@media only screen and (min-width : 1200px) {
	.drop-menu{
		font-family: Century Gothic, Open Sans, Arial, Tahoma;
		text-align:center;
		widht: 80%;
		cursor: pointer;
	}

	.drop-menu ul{
	  	list-style: none;
		overflow: hidden;
	}
	
	.drop-menu ul li {
	  float: left;
	  margin:auto;	
	  margin-left: 16%;
	}
	
	.drop-menu ul li a{
	  	text-decoration: none;
	}
	
	.text_encima{
		color: #B2B3AC;
		font-size: 130%;
	}
	.text_encima_on{
		color: #AB5358;
		font-size: 130%;
	}
	
	.text_encima:hover {
		color: #AB5358;
		text-decoration: underline;
	}
	.text_encima_on:hover {
		color: #AB5358;
		text-decoration: underline;
	}
	.sub-menu a{
		 width: 200px;
		 /*background: url('menu_img.png') no-repeat;**/
	}
	
}

@media only screen and (max-width : 1200px) {
	.drop-menu {
	  cursor: pointer;
	  /*display: block;**/
	  margin: 0 auto;
	  text-align: left;
	  width: 300px;
	  color: #B2B3AC;
	  font-family: Century Gothic;
	  font-size: 130%;
	}
	.drop-menu:hover .sub-menu {
	  display: inline-block;
	}
	.sub-menu {
	  /*display: none;**/
	  border-top: none;
	  width: 300px;
	}
	.sub-menu li {
	  /*display: block;**/
	  list-style-type: none;
	}
	.sub-menu a {
	  text-decoration: none;
	}
	.text_encima{
	  color: #B2B3AC;
	}
	.text_encima_on{
	  color: #AB5358;
	}
	.text_encima:hover {
	  color: #AB5358;
	}
}

/* FIN ESTILO MENÚ **/
.cabecera{
   text-align: center;
}

hr{ 
   width: 80%;
   height:0.5px; 
   background-color:#B2B3AC; 
 } 

/* INICIO **/
.inicio{
width: 80%;
   text-align: center;
   width: 80%;
   margin:auto;
   font-family: "Tangerine", Open Sans, Arial, Tahoma;
   font-size:120%;
   color:#858585;
}
.inicio p{
   font-size:200%;
}
.inicio span{
    font-family: Century Gothic, Open Sans, Arial, Tahoma;
    font-size:100%;
}
.fotos{
   color:#FFFFFF;
}
/* FIN INICIO **/

/* FIRMA **/
.firma{
   text-align: center;
   width: 80%;
   margin:auto;
   font-family: "Tangerine", Open Sans, Arial, Tahoma;
   font-size:120%;
   color:#B2B3AC;
}
.firma p{
   font-size:200%;
}
.firma p span{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:50%;
   color: #AB5358;
}
.firma table{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:40%;
   margin:auto;
   text-align:left;
   border-collapse: separate;
   /*border-spacing:  25px;
   border: 15px;
   bordercolor:#AB5358;
   color: #AB5358;**/
}
.firma table td p{
   color: #AB5358;
}
#foto_tabla{
   text-align: center;
}
.firma table td p span{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:50%;
}
h1{
   text-align:left;
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   color: #AB5358;
   font-size: 130%;
   font-weight: normal;
   text-decoration: underline;
   margin-left: 0em;
}
.firma hr{
   width: 100%;
}
.firma #firma_txt{
   text-align:left;
   color:#807F7F;
   font-family: "Italianno", "Tangerine", Open Sans, Arial, Tahoma;
   font-size:160%;
}
.firma #firma_txt span{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:50%;
   color:#AB5358;
   text-style:bold;
}
.firma_txt strong{
   text-align: center;
}
/* FIN FIRMA **/

/* SERVICIOS **/
.servicios{
   text-align: center;
   width: 80%;
   margin:auto;
   font-family: "Tangerine", Open Sans, Arial, Tahoma;
   font-size:120%;
   color:#807F7F;
}
.servicios p{
   text-align: left;
   font-size:200%;
}
.servicios p span{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:50%;
   color:#AB5358;
}
.servicios img{
   text-align: center;
}
.servicios table{
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:90%;
   margin:auto;
   text-align:left;
   border-collapse: separate;
   border-spacing:  25px;
   border: 15px;
   bordercolor:#AB5358;
   color: #AB5358;
}
#tabla_servicios{
   font-family: "Tangerine", Open Sans, Arial, Tahoma;
   font-size:180%;
   color:#807F7F;
}
/* FIN SERVICIOS **/

/* CONTACTO **/
.contacto{
   text-align:center;
   width: 80%;
   margin:auto;
   font-family: Century Gothic, Open Sans, Arial, Tahoma;
   font-size:100%;
   color:#807F7F;
}
.contacto span{
   font-family: "Tangerine", Open Sans, Arial, Tahoma;
   font-size:200%;
   color: #AB5358;
}
.contacto l{

   color: #AB5358;
}
.contacto a{
  text-decoration: none;
  text-style:bold;
  color: #AB5358;
}
.contacto table{
   margin:auto;
   text-align:center;
}
.map{
   text-align:center;
   width: 80%;
   margin:auto
}
/* FIN CONTACTO **/
.privacidad{
    font-family: Century Gothic, Open Sans, Arial, Tahoma;
    font-size:100%;
    color:#807F7F;
    width: 80%;
    margin:auto;
}
.privacidad h1{
    color: #AB5358;
}

 /* ESTILO FOOT **/
.foot{
  clear:both; /**para que no quede alineado con los float anteriores**/
  margin:auto;
  text-align:center;
  background-color: #AB5358;
  color: #FFFFFF;
  font-family: "JosefinSans-Light", Open Sans, Arial, Tahoma;
  font-size:90%;
  //height: 250px;
  height: auto;
}
.foot p{
  line-height: 35px;
}
.foot p a {
  text-decoration: none;
  color: #FFFFFF;
}

/* FIN ESTILO FOOT **/
 
 
 
 
 
.menuD{
   width: 60%;
   text-align: center;
   margin:auto;
}

.menuD table {
   text-align: center;
   margin:auto;
}
.menuD td {
   width: 60%;
   text-align: left;
   vertical-align: center;
   margin:auto;	
}
.menuD h1{
   font-family: "JosefinSans-Bold", Open Sans, Arial, Tahoma;
   margin-left: 2em;
   text-decoration: underline;
   font-size:120%;
}
.menuD h2{
   margin-left: 3em;
   font-size:85%;
}


/* cabecera **/
.ig {
  width: 95%;
  margin:auto;
}
.cabecera{
   /*background-color: #FFFFFF;
   color: #F08080;**/
   background: url('images/fondo_flores_r.jpg');
   background-repeat: no-repeat;background-size: cover;
   color: #FFFFFF;
   margin:auto;
}
.cabecera_b{
   width: 90%;
   background-color: #FFFFFF;
   color: #F08080;
   text-align:center;
   margin:auto;
}



/* cdl **/
.cdl{
   /*background-color: #F08080;
   color: #FFFFFF;**/
   background-color: #F3D7D7;
   color: #F08080;
   margin:auto;
}
.cdl table{
   width: 80%;
   margin:auto;
   text-align:center;
   border-collapse: separate;
   border-spacing:  25px;
   color: #FFFFFF;
}
.cdl table td{
   width: 40%;
}
.cdl p{
   width: 80%;
   margin:auto
}
.cdl table td p{
   color: #F08080;
}
#txt_cdl{
   background-color: #FFFFFF;
}
.cdl h1{
   color: #F08080;
}
.ecdl{
   font-family: "Times New Roman";
   font-style: italic;
   font-weight:bold;
}

/* tienda **/
.tienda{
   background-color: #FFFFFF;
   color: #a33e39;	
   margin:auto;
   text-align: center;
}
.tienda h1{
   font-size:115%;
   font-family: "JosefinSans-Bold", Open Sans, Arial, Tahoma;
   color: #a33e39;
   text-decoration: underline;
   margin-left: 3em;
   width: 80%;
   text-align: left;
}
.tienda p{
   width: 80%;
   margin:auto
}
.tienda_n{
  background-color: #FFFFFF;
  text-align: center;
  width: 90%;
  color: #FFFFFF;
} 
.tienda_n1{
  background-color: #FFFFFF;
  position:relative;
  float:left;
  text-align: center;
  left: 15%;
}
.tienda_n1 img{
   height: 225px;
   margin: 9px 9px 9px 9px;
}
.tienda_n2{
  position:absolute;
  left: 0; width: 100%;
  top: 40%;
}
.tienda_n2 img{
   height: 40px;
}

/* clases **/
.clases{
   clear:both; /**para que no quede alineado con los float anteriores**/
   background-color: #a33e39;
   color: #ffffff;
   margin:auto;
}
.clases h1{
   color: #ffffff;
}
.clases p{
   width: 80%;
   margin:auto;
}

.clases table{
   width: 80%;
   margin:auto;
   text-align:center;
   border-collapse: separate;
   border-spacing:  25px;
   color: #BDB7B7;
   background-color: #ffffff;
}
.clases table td{
   width: 30%;
}
#head_table{
   color: #F08080;
   text-style:bold;
}
#burdeos{
   background-color: #a33e39;
   width: 5%;
}
#clases_img img{
    height: 150px;
}





/* AVISO LEGAL **/
.avisoLegal {
  width: 80%;
  margin:auto;
  text-align:left;
  color: #76A999;
  font-family: Century Gothic, Open Sans, Arial, Tahoma;
  font-size:12px;
}
.avisoLegal strong{
  font-size:14px;
}
/* FIN AVISO LEGAL **/

/* AJUSTE TAMAÑO PANTALLA REDUCIDA**/
@media only screen and (max-width : 1200px) {
	     body{
	     	font-size:1em;
	     }
}
/* FIN AJUSTE TAMAÑO PANTALLA REDUCIDA**/