@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Abel);
@import url(menu.css);
@import url(blog.css);
@import url(info.css);
@import url(inicio.css);
@import url(contacto.css);
@import url(banner.css);
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family: 'Abel', sans-serif;
}
header img{
	width:50px;
	height:50px;		
}
.ImagenP{
	width:300px;
	height:70px;
}
header {
	width:100%;
	height:70px;
	background:#FFF;
	color:#FFFFFF;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	/*background-image:url('../Imagenes/fondoMenu.png');
    background-repeat:no-repeat;
*/
}
.contenedorResponsivo{
	width:800px;
}
h1{
	float:left;
}
.contenedor{
	width:100%;
	margin:auto;
}
header .contenedor{
	display:table;
}

section {
	width:100%;
	margin-bottom:0px;
	display:inline-block;
}

#Bienvenidos {
	text-align:center;
}

#inicioDM {
	margin-top:50px;
	justify-content:center;
}

#Bienvenidos-item {
	text-align:center;
	margin-top:50px;
}

footer .contenedor{
	width:100%;
	display:flex;
	margin-top:15px;
	background:#259DD5;
	flex-wrap:wrap;	
	justify-content:center;
}

footer .contenedor1{
	width:100%;
	display:flex;
	background:#259DD5;
	flex-wrap:wrap;	
	justify-content:center;
	border-top:5px #F48533 solid;
}


.sociales {
	width:100%;
	text-align:center;
	font-size:28px;
}

.copy {
	font-size:20px;
		
}

.sociales a{
	color:#333;
	text-decoration:none;	
}
/* estilos internos, desarrollo */
.h2contenedor{
	font-family:Ravie;
	font-size:20px; 
	color:#FFFFFF;
}
.h2contenedor1{
	font-family:Ravie;
	font-size:16px; 
	color:#FFFFFF;
}
.divMenu {
	background:#51C5E8;
	height:50px; 
	width:50%;
	margin-left:auto;
	margin-right:auto;
	ms-display: flex;
  	display: flex;
    align-items: center;
    justify-content: center;
}
.ImagenesDM{
	width:100%;
	max-width: 500px;
}
.ImagenesContacto{
	width:100%;
	max-width: 650px;
}
.botonEnviar{
	width:150px;	
	height:50px;
	background:#1D6E91;
	margin-top:10px;
	border-radius:5px;
	color:#FFF;
	font-size:14px;
	margin-bottom:10px;
}
.botonEnviar:hover {
	background:#C0C0C0;	
	text-decoration:underline;
}
.entrada{
	color:#777777;
	border:2px solid #d6d6d6;
	border-radius:10px;
	height:25px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
}
.entrada:focus{
	border:4px solid #1D6E91;
	outline:none;
}
.entradaG:focus{
	border:4px solid #1D6E91;
	outline:none;
}
.entradaG{
	color:#777777;
	border:2px solid #d6d6d6;
	border-radius:10px;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.mapa{
	height:300px;
	width:300px;	
}
textarea 
{  
   font-family:Arial;
   font-size: 15.5px;   
}
.texto{
	line-height:1.6;
	font-size:18px;
}
.cddi{
	width:200px;
	height:100px;
	float:left;
}
.dulce{
	width:200px;
	height:100px;
	float:right;
}
.esloganA{
		color:#2987DA;
		font-size:20px;
	}
.esloganV{	
		color:#9EDA29;
		font-size:20px;
}	
@media(min-width:768px){
	.sociales {
		width:auto;	
	}
	footer .contenedor {
		justify-content:space-between;	
	}
/* estilos internos, desarrollo */
	.h2contenedor{
	font-size:34px; 
	}	
	.h2contenedor1{
	font-size:26px; 
	}
	.mapa{
	height:400px;
	width:494px;	
	}
	.texto{
	line-height:1.2;
	font-size:21px;
	margin-left:100px;
	margin-right:100px;
	}
	.texto1{
	line-height:2.1;
	font-size:18px;
	margin-left:50px;
	margin-right:50px;
	}
	.texto2{
	line-height:2.1;
	font-size:18px;
	margin-left:5px;
	margin-right:5px;
	}
	
	.naranja{
	color:#F48533 ;
}
	
	.eslogan  {
		margin-left:100px;
	}	
	.esloganA{
		margin-left:100px;	
		color:#2987DA;
		font-size:35px;
	}
	.esloganV{	
		color:#9EDA29;
		font-size:20px;
	}
}

/*TABLAS*/
table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
}

tr:nth-child(even) {
    background-color: #CEF3F3;
}

.centrarTabla{
	text-align: center;
	font-size:20px;	
}

/*DIVS PARA INFORMATIVO*/
.product-selector{
	display:none;
}

@media(max-width:480px){
	.cddi{
	width:200px;
	height:100px;
	float:inherit;
}
.ImagenP{
	width:250px;
	height:70px;
}
.centrarTabla{
	text-align: center;
	font-size:18px;	
}

.dulce{
	width:200px;
	height:100px;
	float:inherit;
}
.naranja{
	color:#F48533 ;
}
.contenedorResponsivo{
	width:100%;
}


}

@media(min-width:1024px){
	.contenedor{
		width: 1000px;	
	}
}