/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
#Slider{ background:#CCCCCC;  }
#slide{ background:url(../images/dombra-slider.png) bottom  no-repeat; margin:30px 0px 0px 0px; padding-bottom:30px;}
.logo{ margin:14px 5px 5px 10px;}

.TopInfo{}
.top-info{  }
.top-info-cel{font-size:30px; font-weight:600; line-height:27px; margin-bottom:0px; }
#Header{ background:url(../images/bg-header-mexsoft.png);}
#Header span{font-size:15px; font-weight:600;  margin-top:10px; margin-left:0px;}


#Navegador{ background:url(../images/bg-navegador.png);}

#Nav ul { margin:0px;}
#Nav ul li{   }
#Nav ul li a{  font-family: 'Titillium Web', sans-serif;  padding:17px 20px; color:#FFFFFF; font-weight:600; text-decoration:none;
text-transform:uppercase;
-webkit-transition: color .5s ease-in;
-moz-transition: color .5s ease-in;
-ms-transition: color .5s ease-in;
-o-transition: color .5s ease-in;
transition: color .5s ease-in;
             }
#Nav ul li a:hover{ color:#69cbff; }
#Nav img{ margin:1px 2px;}

#Nav ul li a > span{ font-size:12px; color:#75c7f0;}
.tit-medio{ font-size:30px; line-height:25px;}
.font-25{font-size:19px; line-height:18px;}

#Contenido{ background:url(../images/bg-sevicios.jpg);margin-top:0px; padding:15px 0px; }

 #Clientes { background: url(../images/bg-clientes.jpg); border-top:solid 5px #69cbff; padding:10px 0px; }
  #Clientes img{ margin:10px 17px;}
			
.titulo-blanco{ color:#FFFFFF; font-size:30px; font-family:'Titillium Web', sans-serif; cursive, serif; line-height:25px; }
.icono a:hover img{-moz-transform: scale(.8) rotate(360deg) translateX(0px) skewX(0deg);
-webkit-transform: scale(.8) rotate(360deg) translateX(0px) skewX(0deg);
-o-transform: scale(.8) rotate(360deg) translateX(0px) skewX(0deg);
-ms-transform: scale(.8) rotate(360deg) translateX(0px) skewX(0deg);
transform: scale(.8) rotate(360deg) translateX(0px) skewX(0deg);}

#FooterTop{ background:#ffffff; padding:15px 0px;}


.float-der{float:right;}
.float-izq{float:right;}
.center{ text-align:center;}
.margin-top-bottom{ margin:30px 0px;}
#map_canvas{border:#FFFFFF solid 5px;}
.box{  background:#f8f8f8; border:1px solid #e4e4e4; margin:0px; text-align:center; display:block; padding:15px 0px; font-size:18px;  font-weight:600; color:#FFFFFF; margin-bottom:15px;}
.box:hover{ background: #69cbff; 
             -webkit-transition: background .5s ease-in;
             -moz-transition: background .5s ease-in;
             -ms-transition: background .5s ease-in;
              -o-transition: background .5s ease-in;
               transition: background .5s ease-in;}






#info-contacto{ padding:15px;}
#contacto-rapido{ padding:5px;}
#form-demex #nombre,#form-demex #telefono,#form-demex #email, #form-demex #mensaje{ width:100%; background:#f0f0f0; border:0px;  -webkit-border-radius:6px;
           border-radius: 6px; }
#form-demex #nombre, #form-demex #email,#form-demex #telefono{ height:30px; }
#form-demex input{ margin-bottom:2px;}
#form-demex .enviar{ width:150px; height:52px; background:#69cbff; font-size:16px; border:0px; text-shadow:none; font-weight:400; color:#292c31;}
#form-demex .enviar:hover{ background:#d1d1d1; -webkit-transition: background .4s ease-in;
             -moz-transition: background .4s ease-in;
             -ms-transition: background .4s ease-in;
              -o-transition: background .4s ease-in;
               transition: background .4s ease-in;}
label{ font-size:16px;}
#Footer{  background: url(../images/bg-navegador.png); padding:10px 0px;}

.legales p{ font-size:12px; color:#CCCCCC; padding:20PX 0PX 0PX 0PX;}
.legales span, .legales span a{ color:#69cbff; text-decoration:none}
.legales span a:hover{ color:#ffffff;
-webkit-transition: color .5s ease-in;
             -moz-transition: color .5s ease-in;
             -ms-transition: color .5s ease-in;
              -o-transition: color .5s ease-in;
               transition: color .5s ease-in;}
#contador{ color:#7a7a7a; font-size:13px; margin-top:15px;}			   
			   
  #Galeria ul li{ margin-bottom:0px;}
 #Galeria ul li img { display:block; float:left; border:#FFFFFF solid 1px; margin:3px 3px 3px 3px; }
  #Galeria ul li img:hover{  border:#de5e60 solid 1px; }
 
 .lista-uno{ list-style: url(../images/lista-azul.gif)} 
  .lista-dos{ list-style: url(../images/vineta.gif)} 
 ul.lista-dos, ul.lista-uno{ margin-left:50px;}
  .caracteristicas{ background:#EAF5FD; border:1 solid #CCCCCC; padding:10px 20px; margin:10px 0px; } 
  .padding{padding:10px;}
  .justificar{ text-align:justify;}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	#Nav ul li{ display:block; margin:0px;  }
	#Nav ul li a{  font-family: 'Titillium Web', sans-serif; display:block; padding:10px; color:#FFFFFF; font-weight:600; text-decoration:none;
text-transform:uppercase;-webkit-transition: color .5s ease-in;-moz-transition: color .5s ease-in;-ms-transition: color .5s ease-in;-o-transition: color .5s ease-in;transition: color .5s ease-in;
             }
  #Nav ul li a:hover{ background:#69cbff; color:#4f4f4f;}
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/