@charset "utf-8";
/* CSS Document */
.wrapper-top{
background:#C9AC76;
width:100%;
}
.top-item{ margin:2px; 
display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;}
/*Izquierdo*/
.item1{ width: 254px;}
.item1 .buscador{width:100%; padding:5px; margin-bottom:1px;}
.item1 .publicidad{width:100%; padding:5px; margin-bottom:1px;}
/*Central izquierdo*/
.item2{ width: 450px; padding:2px 0px 2px 0px;}
.item2 .logo{ height:110px; background: url(../_imagenes/Logo.png) no-repeat center center;}
.item2 .nombre{width:100%;  padding:2px 0px 5px 10px; font-size:1.2em; text-align:center;}
.item2 .profesion{width:100%; padding:2px 0px 5px 10px; font-size:.75em; font-style:italic; letter-spacing:.5em; text-align:center;}
.item2 .documentos{width:100%; padding:5px 0px 5px 10px; font-size:1em; border-top:1px solid white; margin-top:10px; text-align:center;}
.item2 .documentos h1{ font-family:"Arial Black"; color:#bb9156;}
.item2 .documentos h2{ font-family:"Arial Black"; color:#bb9156;}
.item2 .documentos h6{ font-family:"Arial Black"; color:#bb9156;}
.item2 .servicios{width:100%; margin-top:3px; padding-left:2px; text-align:center; font-size:.9em; border-bottom:1px solid white;}
.item2 .servicios ul{display: block;}
.item2 .servicios li{display:inline-block;  margin:2px; padding:3px 5px 3px 5px;}
.item2 .contacto{ 
width:100%;
display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
.contacto .contacto1{width:28%; padding:15px 0px 0px 30px; } 
.contacto .contacto2{width:40%; padding:10px 0px 3px 0px; }
.item2 .links{ width:100%; margin-top:10px; padding-left:2px; padding-bottom:2px; padding-top:2px;  text-align:left; font-size:.9em;  }
.item2 .links ul{display: block;}
.item2 .links li{display:inline-block; margin:2px 0px 2px 10px; padding:10px;  background:#bb9156;} 
/*Central derecho*/
.item3{ width: 450px; height:350px; background: url(../_imagenes/Stampa3.jpg) no-repeat center center;}
.item3 .servicios{width:100%; margin:0 auto; margin-top:45px; text-align:left; font-size:1.3em; z-index:300; padding-left:40px;}
.item3 .servicios ul{display: block;}
.item3 .servicios li{display:block;  margin:2px; padding:3px 5px 3px 5px;}

/*Derecho*/
.item4{  width: 254px;}
.item4 .fecha{ width:100%;  font-size:.9em; font-style:italic; text-align:center; padding:10px 5px 10px 5px; margin-bottom:1px;}
.item4 .publicidad{width:100%;  padding:5px; margin-bottom:1px;}


/*========================
Inicio de la Queryes
==========================*/
@media only screen and (max-width:320px){
body{/*background:silver;*/ max-width:99%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}
.item2, .item3{ width: 99.5%;}
.item2 .logo img{width:95%;}
.item2 .nombre{max-width:95%;}
.item2 .profesion{max-width:95%;}
.item2 .documentos{max-width:95%;}
.item2 .contacto{width:99.5%;}
.contacto .contacto1{padding:10px 0px 7px 0px; text-align:center;}
.contacto .contacto2{ text-align:center;}

}

@media only screen and (min-width:321px) and (max-width:480px){
body{/*background:orange;*/ max-width:99%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}
.item2, .item3{ width: 99.5%;}
.item2 .nombre{max-width:95%;}
.item2 .profesion{max-width:95%;}
.item2 .documentos{max-width:95%;}

}

@media only screen and (min-width:481px) and (max-width:640px){
body{/*background:green;*/ max-width:99%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}
.item2,.item3{ max-width: 99.5%;}
.item2 .nombre{max-width:95%;}
.item2 .profesion{max-width:95%;}
.item2 .documentos{max-width:95%;}
.item2 .documentos h1{max-width:95%;}
.item2 .servicios{max-width:95%;}

}

@media only screen and (min-width:641px) and (max-width:768px){
body{/*background:blue;*/ max-width:99.5%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}

}

@media only screen and (min-width:769px) and (max-width:1024px){
body{/*background:red;*/ max-width:99.5%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}

}

@media only screen and (min-width:1025px) and (max-width:1280px) {
body{/*background:brown;*/ max-width:99.5%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}

}

@media only screen and (min-width:1281px) and (max-width:1366px) {
body{/*background:black;*/ max-width:99.5%;}
/*==Encabezado===*/
.wrapper-top{width: 100%;}
.top-item .item1, .top-item .item4{ display:none;}

}

@media only screen and (min-width:1367px)  {
body{/*background:#bb9156;*/ max-width:100%;}
.wrapper-top{width: 100%;}
}