@charset "UTF-8";
/*=======================
CSS Document
Author: Carolina Agustín Reyes
Este es el CSS para hacer el sitio CREMCES responsivo ------
Colores: #a60d2a - #3c3c3b
=======================*/

@media only screen and (min-width: 1024px) {
	/*.container { width:960px !important; } Aquí va el tamaño de tu sitio web COMPU*/
div.face, div.twitter, div.youtube{ width:9%; margin-left:8%; }
div#videos.container iframe { width:100%; min-height:208px; }

}

@media (min-width: 768px) {
	
  .navbar-nav > li > a {
    padding-top: 35px;
    padding-bottom: 15px;
  } 
   .navbar-default .navbar-nav > li.inicio a:hover,
   .navbar-default .navbar-nav > li.inicio a:focus  {
	  background: url(../images/silueta-menu-in.png) no-repeat !important;
	  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
	background: url(../images/silueta-menu.png) no-repeat;
	color: #fff;
	}
	.navbar-default .navbar-nav > li.inicio.active a {
	background: url(../images/silueta-menu-in.png) no-repeat;
	color: #fff;
	}
	.navbar-default .navbar-nav > li.active a {
	background: url(../images/silueta-menu.png) no-repeat;
	color: #fff;
	}
	.menu-cuadralaleyenda {
	background:url(../images/textura01.jpg);
	}

}

@media only screen and (min-width:1024px) and (max-width: 1280px) {
	footer > div.container.text-center > div.row > div.col-md-4 { width:22.2%; display:inline-block;}
	footer  div.logo-herradura { margin-left:20px;}
	div.face, div.twitter, div.youtube { width:14%; margin-left:4%;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.container{ width:700px !important;  }
	div.logo-herradura { margin-left:36%; }
	div.redes div.row div.col-md-4.vacio { display:none;}
	div.redes div.row div.col-md-4 { width:6%; display:inline-block;}
	div#videos.container iframe { width:100%; min-height:208px; }
	div#videos div.col-md-4 { width:49%; display:inline-block;}
	ul.templatemo-project-gallery li.col-lg-2.col-md-2.col-sm-2.gallery.gallery-graphic{
		width:29%;
		display:inline-block;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.container{ width:560px !important;  }
	div.redes div.row div.col-md-4.vacio { display:none;}
	div.redes div.row div.col-md-4 {
		width:6%;
		display:inline-block;
		margin-left:3%;
	}
	div.redes div.face { margin-left:0;}
	ul.templatemo-project-gallery li.col-lg-2.col-md-2.col-sm-2.gallery.gallery-graphic{
		width:40%;
		display:inline-block;
	}
	span.caballoa,  span.caballob { display:none;}
	div.logo-herradura { margin-left:32%; }
	
	div#videos div.col-md-4 { width:80%;  display:inline-block; margin-left:10%;}
	div#videos.container iframe { width:100%; min-height:208px; }
}

@media only screen and (min-width: 320px) and (max-width: 599px){
	.container{
		width:310px !important;
	}
	
	div.menu-cuadralaleyenda img#Logo {
		margin-left:25px;
	}
	div.menu-cuadralaleyenda div#templatemo-nav-bar ul.nav {
		margin-left:0px;
	}
	div.blog_box ul.list-inline li.col-md-8 h3 {
		text-align:center;
	}
	
	div	.carousel-caption2 {
		 font-size:26px !important; 
	}
	span.caballoa,  span.caballob { display:none;}
	div.logo-herradura { margin-left:18%; }
	
	div.redes div.row div.col-md-4.vacio {
		display:none;
	}
	div.redes div.row div.col-md-4 {
		width:10.7%; 
		display:inline-block; 
		margin-left:3%;
	}
	ul.templatemo-project-gallery li.col-lg-2.col-md-2.col-sm-2.gallery.gallery-graphic{
		margin-left:12%;
	}


	div#videos.container iframe { width:100%; min-height:208px; }
	
	
}