/* -------- MOVILES VERTICALES ---------------- */
@media (max-width: 480px) { 
 .sinfondo h1{
 	font-size:30px;
 }
 .sinfondo h2{
 	font-size:20px;
 }
 .sinfondo p{
 	font-size:14px;
 }
 .sinfondo li{
  	font-size:14px;
 }

 h2{
	font-size: 20px;
 }
 .generica h1{
 	font-size:30px;
 }
 .generica h2{
 	font-size:20px;
 }
 .generica p{
 	font-size:14px;
 }
 .generica ul li{
 	font-size:14px; 
 } 
 #trabajos .titulo{
	font-size: 15px;
	font-weight: 300;
	margin:5px 0px 0px 0px;
 } 
 #trabajos .texto{
	color:#7a8387;
	font-size:12px;
	font-style:italic;
	font-weight:300;
	padding-left:20px;
 }
 #trabajos .contenido h2{
	color:#9197a8;
	font-size:16px;
	font-weight:300;
 }
 #trabajos .contenido p{
	color:#7a8387;
	font-size:12px;
	font-weight: 300;
 }
 #contacto{
	text-align:center;
 }
 #confirmBox{ 
	width:350px;
	position:fixed;
	left:50%;
	top:50px;
	margin:0 0 0 -175px;
 }
 #aviso{
 	background-color: #aaa;
	color:#222;
	padding:10px 20px;
 }
 
 
}
/* ------- MOVILES HORIZONTALES Y TABLET  ------ */
@media (max-width: 767px) {
 #contacto{
	text-align:center;
 }

}
/* ------- TABLES HORIZONTALES Y ESCRITORIO ---- */
@media (min-width: 768px) and (max-width: 979px) { 

}

/* ------- ESCRITORIOS GRANDES ----------------- */
@media (min-width: 980px) {


}