@charset "utf-8";
/* CSS Document */

*{margin:0px;
font-family: 'Pontano Sans', sans-serif;
}

#usuario {
	float: right;
	padding-top: 20px;
}
#telefonousuario img {
	float: right;
}		
#telefonousuario {
	float: right;
	margin-left: 5px;
	margin-top:2px;
}
@media screen and (max-width:450px) {	
#telefonousuario {
		display: none;
		}
#usuario {
		font-size: 13px;
	}
}
#telefono1 {
	float: right;
	margin-right: 4px;
	margin-left: 5px;
}




#numero1 {
	float: right;
}

#telefono1 img {
	float: right;
}
#ventas1 {
	float: right;
}


#contenedor {
	margin-right: auto;
	margin-left: auto;
	min-height: 765px;
	max-width: 1600px;
	margin-top: 2px;
	background-color: #FFFFFF;

}
#foto {
	background-attachment: fixed;
	background-color:rgb(34,34,34);
	width: 100%;
	min-height: 313px;
}


#servicio {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	min-height: 600px;
	max-width: 1000px;
	text-align: justify;
	color: #1E1E1E;
	font-size: 18px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}
#servicio1 {
	background-color: #FFFFFF;
	min-height: 380px;
}
#servicio2 {
	background-color: #FFFFFF;
	min-height: 380px;
}

#servicio3 {
	background-color: #FFFFFF;
	min-height: 380px;
}
#fotoservicio1 {
	float: left;
	margin-right: 40px;
	margin-bottom: 12px;
	margin-top: 10px;

}

#fotoservicio2 {
	float: left;
	margin-right: 40px;
	margin-bottom: 12px;
		margin-top: 10px;
}

#fotoservicio3 {
	float: left;
	margin-right: 40px;
	margin-bottom: 12px;
	margin-top: 10px;
}

#contenido {
	text-align: justify;
	max-width: 1000px;
	min-height: 300px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	color: #1E1E1E;
	font-size: 18px;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}



#imgcontenido {
	float: left;
	margin-right: 12px;
}


#gris {
	margin-right: auto;
	margin-left: auto;
	min-height: 8px;
	max-width: 1000px;
	padding-top: 25px;
}



nav {
	min-height: 46px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo img {
	margin-top: 5px;
	
}
#telefono img {
	float: right;
}
#ventas {
	float: right;
	margin-top: 9px;
}





header {
	margin-right: auto;
	margin-left: auto;
	min-height: 126px;
	max-width: 1000px;
	
}

#telefono {
	float: right;
	margin-right: 4px;
	margin-left: 5px;
	margin-top: 4px;
}




#numero {
	float: right;
	padding-top: 9px;
}
#pie {
	margin-right: auto;
	margin-left: auto;
	min-height: 189px;
	max-width: 1600px;
	background-image: url(../imagenes/jpg/fondonegro.jpg);
}
#direccion {
	padding-top: 40px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}
#logito img {
	float: left;
	padding-top: 6px;
}
#imagenfinal {
	padding-top: 6px;
	height: 27px;
	width: 59px;
	float: left;
}
#copyright {
	color: #FFF;
	font-size: 12px;
	padding-top: 11px;
	padding-left: 65px;
}

#anchofinal {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	color: #FFF;
	font-size: 14px;
}


#finalnegro {
	margin-right: auto;
	margin-left: auto;
	max-width: 1600px;
	background-color: #000;
	min-height: 40px;
}

#descripcionfinal {
	color: #FFF;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
}

#animacioncabecera {
	background-color: #FFF;

}

.titulo {
	font-size: 44px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #1E1E1E;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 10px;

}
.tituloindex {
	font-size: 44px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #1E1E1E;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 10px;
	text-align:center;

}
.titulocontacto {
	font-size: 44px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 22px;
	padding-left: 22px;
	text-align: center;
	color: rgb(238,238,238);
}

.negrita {
	font-weight: bold;
}
#contenedorcontacto {
	background-image: url(../imagenes/jpg/fondocontacto2.png);
	margin-right: auto;
	margin-left: auto;
	min-height: 765px;
	max-width: 1600px;
	background-attachment: fixed;
	padding-top:80px;
}

#msjenviado {
	min-height: 200px;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
	width: 700px;
	padding-top:50px;
	margin:auto;
	background:rgba(0,0,0,0.6);
	box-sizing:border-box;

	


	
}

#compromiso img {
	float: left;
	margin-right: 15px;
}

#equipo img {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	overflow: hidden;
}
.cuerpoindex {
	text-align: justify;
	font-size: 24px;
	color: #1E1E1E;

}
#compromisotexto {
	max-width: 700px;
	text-align: justify;
	color: #1E1E1E;
	font-size: 17px;
	float: left;
	background-color: #FFF;
	padding-right: 22px;
	padding-left: 22px;
}



#equipotexto {
	max-width: 300px;
	text-align: justify;
	color: #333;
	font-size: 16px;
	float: left;
	overflow: hidden;
}
.compromiso {
	color: #C81E1A;
	font-size: 18px;

}
#vision {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	min-height: 120px;
	max-width: 1000px;
}
#servicios {
	background-image: url(../fondo2.jpg);
	max-width: 1600px;
	min-height: 1000px;
}

#final {
	min-height: 40px;
	max-width: 1600px;
	background-image: url(../imagenes/jpg/fondonegra.jpg);
}


#fondocuerpo {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	min-height: 440px;
	background-color: #00F;
}
#compromisos {
	margin-right: auto;
	margin-left: auto;
	min-height: 180px;
	max-width: 1600px;
	background-color: #FFF;
	padding-top: 40px;
}
#mision {
	margin-right: auto;
	margin-left: auto;
	min-height: 120px;
	max-width: 1600px;
	background-color: #FFF;
	padding-top: 0px;
}


#nombre {
	color: #1e1e1e;
	max-width:300px;
}


 

#partes {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	min-height: 180px;
	max-width: 1000px;
}

#partepie {
	margin-right: auto;
	margin-left: auto;
	min-height: 170px;
	max-width: 1000px;
	background-color: #333;
	color: #FFF;
	text-align: justify;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 16px;

}
.grispie {
	color: #999;
	text-align: left;
	text-decoration: none;
	font-size: 16px;
}

#espacio {
	height: 10px;
	background-color: #004c66;
}
#espacio1 {
	background-color: #004c66;
	height: 2px;
}




#fondocuerpo {
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
}
#index {
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	min-height: 215px;
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 22px;
	padding-left: 22px;
}
.vinculoazul {
	color: #004c66;
	text-decoration: none;
}

#texto2 {
	text-align: justify;
	color: #1E1E1E;
	font-size: 17px;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
}
#texto1 {
	text-align: justify;
	color: #1E1E1E;
	font-size: 17px;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
}

#texto3 {
	text-align: justify;
	color: #1E1E1E;
	font-size: 17px;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
}


#figura1 {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	padding-left: 18px;
}
#figura2 {
	float: left;
}

#figura3 {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	padding-left: 15px;
}


form {
	width: 450px;
	margin:auto;
	background:rgba(0,0,0,0.6);
	padding:10px 20px;
	box-sizing:border-box;
	brder-radious:7px;
}
h2 {
	color:#FFF;
	text-align:center;
	font-size:30px;
	margin-bottom:40px;
	background:rgb(136,136,136);
	margin-top:30px;
	
}

input, textarea {
	width:100%;
	margin-bottom: 20px;
	padding:7px;
	box-sizing: border-box;
	font-size:17px;
}

textarea {
	min-height:100px;
	max-height:200px;
	max-width:100%;
}

#boton {
	background:#164D89;
	color:#FFF;
	padding:10px;
	width:130px;
	height:50px;
}

#boton:hover {
	cursor: pointer;
}

.tituloservicios {
	font-size: 20px;
	color: #900;
	text-align: justify;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
}



@media (max-width:480px) {
	form{
		width:100%;
	}
	
}


@media screen and (max-width:600px) {
	#telefono1 img {
	display: none;}
	#ventas1 {
		display: none;}
	#telefono1 {
		display: none;}
	#numero1 {
		display: none;
		}
}

@media screen and (max-width:450px) {
	#telefono img {
	display: none;}
	#ventas {
		display: none;}
	#telefono {
		display: none;}
	#numero {
		display: none;
		}
		
	#nombre {
		font-size: 13px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

@media screen and (max-width:330px) {
	
	.titulo {
	font-size: 36px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #1E1E1E;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 10px;

}
	.tituloindex {
	font-size: 36px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #1E1E1E;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 10px;
	text-align:center;

}

   .titulocontacto {
	font-size: 36px;
	color: #FFF;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 22px;
	padding-left: 22px;
	
		text-align:center;

}

.cuerpoindex {
	text-align: justify;
	font-size: 20px;
	color: #1E1E1E;

}

#contenido {
	text-align: justify;
	max-width: 1000px;
	min-height: 300px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	color: #1E1E1E;
	font-size: 16px;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}

#texto3 {
	text-align: justify;
	color: #1E1E1E;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
}

.tituloservicios {
	font-size: 16px;
	color: #900;
	text-align: justify;
}

#servicio {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	min-height: 600px;
	max-width: 1000px;
	text-align: justify;
	color: #1E1E1E;
	font-size: 16px;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}
	
}

@media screen and (max-width:1050px)
{
	#logo img {
	margin-top: 5px;
	padding-left: 10px;
    
}

#nombre {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#gris {
	margin-right: auto;
	margin-left: auto;
	min-height: 8px;
	max-width: 1000px;
	padding-top: 25px;
	padding-right: 10px;
}
	
	}


/*PARA PANTALLAS DE ESCRITORIOS*/
@media screen and (min-width:1600px)
{#imgcontenido img {
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
	
}
#foto img {
	margin-right: auto;
	margin-left: auto;
}

#fotoservicio1 img{
	float: left;
	margin-right: 12px;
	margin-top: 25px;;
}

#fotoservicio2 img{
	float: left;
	margin-right: 12px;
	margin-top: 25px;
}

#fotoservicio3 img {
	float: left;
	margin-right: 12px;
	margin-top: 25px;
}
}

/*PARA CELULARES Y TABLET*/

@media screen and (max-width:1600px)
{ 
#imgcontenido img {
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
	height: 100%;
	width: 100%;
}

#fotoservicio1 img {
	float: left;
	margin-right: 12px;
	margin-top: 25px;
	height: 100%;
	width: 100%;
}

#fotoservicio2 img {
	float: left;
	margin-right: 12px;
	margin-top: 25px;
	height: 100%;
	width: 100%;
}

#fotoservicio3 img{
	float: left;
	margin-right: 12px;
	margin-top: 25px;
	height: 100%;
	width: 100%;
}

#foto img {
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	width: 100%;
}
}
.vinculo {
	color: #333;
	text-decoration: none;
}

/*PANTALLA DE ESCRITORIO*/
@media screen and (min-width:1200px)
{#parte1  {
	float: left;
	width: 474px;
	min-height: 180px;
	background-color: #FFF;
}

#parte2 {
	background-color: #FFF;
	float: right;
	width: 525px;
	min-height: 180px
}

#parte3  {
	background-color: #FFF;
	float: left;
	width: 700px;
	min-height: 120px
}

#partepie1  {
	float: left;
	width: 250px;
	min-height: 150px;

}

#partepie2  {
	float: left;
	width: 350px;
	min-height: 150px
}

#partepie3  {

	float: left;
	width: 250px;
	min-height: 150px
}

#partepie4 {
	float: right;
	width: 250px;
	min-height: 150px
}
}

/*PANTALLA CELULAR O TABLET*/
@media screen and (max-width:1200px)
{#parte1  {
	background-color: #FFF;
	min-height: 180px
}

#parte2 {
	background-color: #FFF;
	min-height: 180px
}

#parte3  {
	background-color: #FFF;
	min-height: 120px
}

#partepie1  {
	min-height: 150px
}

#partepie2  {

	min-height: 150px
}

#partepie3  {

	min-height: 150px
}

#partepie4 {

	min-height: 150px
	
}

#msjenviado {
	width:100%;
}
}

ul {
	list-style-image: url(../imagenes/png/Arrow3%20Right.png);
	list-style-position: inside;

		
}


#arriba {
	font-size: 80px;
	color: rgb(187,0,0);
	margin-top: 100px;
	padding-left: 40px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bolder;
	text-align: left;
}

#textocontenedor {
	float: left;
}


#login {
	width: 450px;
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
	box-sizing: border-box;
	font-size: 18px;
	color: rgb(255,255,255);
	text-align:center;
}
.letralogin {
	font-size: 18px;
	color: rgb(255,255,255);
}


#formpri {
	width: 450px;	
	margin:auto;
	margin-top:auto;
	margin-bottom:auto;
	background:rgb(221,221,221);
	border:7px outset;
	border-color:rgb(238,238,238,0.8);
	padding:10px 20px;
	box-sizing:border-box;
	text-align:center;

	
}

#grande {
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	font-size: 18px;
	color: rgb(45,45,45);
}

@media screen and (max-width:480px) {
#login {
	width:100%;
	}
#formpri{
		width:100%;
	}
}


#azul{	 background-color:#071689;
	}
	
#tuberias {
	
    background-image:url(../imagenes/jpg/piping.jpg);
	min-height: 800px;
    width: 100%;
	padding-top:100px;
}

#titulopanaderia1{
     float:left;
	 width:20%;
	 min-height:280px;
	 background-color:#071689;

	 
	}
	
#titulopanaderia2{
	 float:left;
	 width:80%;
	 min-height:280px;
	 background-color:#071689;

	 
	}	

#cabeceramaquina {
	display:inline-table;
	background-color:#071689;
	min-height: 290px;
    width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
    padding-top:50px;
}	

#contenedorcontactologin {
	background-color:#071689;
	min-height: 800px;
    width: 100%;
	display:inline-table;

}	


	
#logopaloma  {

	position:relative;
	padding-bottom:70%; /* tamaño mapa */
	height:0;
	overflow:hidden;
	width: 70%;
	margin-left:15%;
	margin-right:15%;
	margin-top:20px;

	}
	
	
#logopaloma img {

position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;

	}		
#todo{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom:100px;
	display:block;
	text-align: center;
	font-size: 16px;
	overflow-x:scroll;
	color:rgb(0,0,0);

	}
	

#pass{
	float:right;
	margin-top:20px;
	margin-right:30px;
	display:block;
	margin-bottom:20px;
	}	
		
#titulotabla{
	margin-top:120px;
	margin-bottom:70px;
	text-aligne:left;
	font-size:40px;
	color:rgb(255,255,255);
	display:block;
	}
	
#titulotabla2{
	text-aligne:left;
	color:rgb(255,255,255);
	font-size:16px;
	display:block;
	}

#titulotabladetalle{
	
	margin-top:120px;
	text-aligne:left;
	font-size:40px;
	color:rgb(255,255,255);
	}
	
#nombrepana{
	font-size:20px;
	color:rgb(255,255,255);}	
	
@media screen and (max-width:800px)
{

#pass{
display:none;
	}	
	
#titulopanaderia1{
	 width:30%;
	 min-height:150px;
	 background-color:#071689;
	 
	}
	
#titulopanaderia2{
	 width:70%;
	 min-height:150px;
	 background-color:#071689;
	 
	}	

	
#nombrepana{
	font-size:14px;}
}

#contenedorformularios {
	background-color:#071689;
	min-height: 600px;
    width: 100%;
	text-align:center;
	display:inline-block;
}

#lili{
	max-width:1100px;
	min-height:750px;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;	
	}

#lele{
	max-width:450px;
	min-height:300px;
	margin:20px;
	
	}

#lulu{
	max-width:450px;
	min-height:300px;
	margin:20px;
	
	}


#volver {

	width: 450px;
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radious: 7px;
	font-size: 22px;
	color: rgb(255,255,255);
	text-align:center;
	box-sizing:border-box;
	border-radius: 20px;
}
#exito {
	width: 450px;
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radious: 7px;
	font-size: 18px;
	color: rgb(255,255,255);
	text-align:center;
	box-sizing:border-box;
	border-radius: 20px;
}

@media screen and (max-width:480px) {
	#exito {
	width:100%;
	box-sizing:border-box;
	border-radius: 20px;
	}
#volver {
	width:100%;
	box-sizing:border-box;
	border-radius: 20px;
	}
	
	#titulotabla{
	margin-top:45px;
	text-aligne:center;
	font-size:26px;
	
	}
}

@media screen and (min-width:1200px)
{
	#lala{
	width:500px;
	height:500px;
	float:left;
	margin:20px;
	}

#lolo{
	width:500px;
	height:500px;
	float:right;
	margin:20px;
	}
	

}

@media screen and (max-width:1200px)
{

#lala{
	width:100%;
	height:100%;

	
	}

#lolo{
	width:100%;
	min-height:500px;
	margin-bottom:50px;
	}
	


}

a.volver:link{color:rgb(255,255,255);}
a.volver:visited{color:rgb(255,255,255);}
a.volver:active{color:rgb(255,255,255);}
a.volver:hover{color:rgb(136,0,0);
text-decoration:none;
}


.rojo{
	color:rgb(221,0,0);}
	
#contenedorinfo {
	background-color:#071689;
	min-height: 250px;
    width: 100%;
	text-align:center;
	display:inline-block;
}

#tablas{
	background:rgb(221,221,221);
	border-color:rgb(238,238,238);
	
}
#tablasb{
	background:rgb(255,255,255);
	border-color:rgb(255,255,255);
	
}

#formdescargar{
	width:90%;
	margin-left:3%;
	margin-right:7%;
	height: 100px;
	
	}
#descargar {
	float:right;
	height:70px;
	width:200px;
	background-color:#071689;
	font-size:18px;
	
	}
#botondes{
	
	background:rgb(255,255,255);
	border:3px outset;
	border-color:rgb(255,255,255);
	padding:7px 17px;
	box-sizing:border-box
	height:50px;
	width:200px;}

#botondes:hover {
	cursor: pointer;
}

h1 {
	color:rgb(0,0,0);
	text-align:left;
	font-size:18px;
	margin-bottom:25px;
	margin-top:15px;
	
}



h3 {
	color:rgb(0,0,0);
	text-align:left;
	font-size:16px;

	
}
	
#cerrarsesion{
	float:right;
	margin-top:20px;
	margin-right:55px;
	display:block;
	margin-bottom:20px;
	}
@media screen and (max-width:1200px)
{
	#cerrarsesion{
	float:right;
	margin-top:20px;
	margin-right:20px;
	display:block;
	margin-bottom:20px;
	}
	}
#aler {
	float:right;
	height:70px;
	width:300px;
	font-size:14px;
	background-color:#071689;
	
	}
#botonaler{
	
	width: 100%;
	height:47px;	
	background:#E80000;
	border:3px outset;
	border-color:rgb(238,0,0);
	padding:7px 7px;
	box-sizing:border-box;
	font-weight:bold;
	}
	
#botonaler:hover {
	cursor: pointer;
}

#fijar{
	height:47px;
	background:rgb(255,255,255);
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
	   z-index:1; /*menu superpuesto a foto*/
	}
	
#formmes {
	width: 200px;;
	margin-left:10px;	
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	background-color:#071689;

	
}
#mesi{
	width:170px;
	font-size:30px;}

#botonmes {
	background:rgb(255,255,255);
	border:3px outset;
	border-color:rgb(255,255,255);
	padding:7px 17px;
	box-sizing:border-box
	width:170px;
	height:40px;
}

#botonmes:hover {
	cursor: pointer;
}