body
{
font-family:Helvetica, "Helvetica Neue", Arial, Trebuchet MS; 
color:#494949; 
font-size:13px; 
background-image:url(images/bg.png); 
padding:0; 
margin:0; 
}
.wrap
{
width:960px; 
height:auto; 
margin:0 auto; 
}

.header
{
width:auto; 
height:113px; 
background:url(images/header2.png) no-repeat;
background-size: 100%;
margin: 3px 3px 3px 3px; 
}
.logo{
width:243px; 
height:57px; 
background:url(images/logo.png);
float:left; 
margin-top:26px; 
}
.menu
{
	text-align: center;
  margin-bottom: 20px;
  padding-top: 3px;
}
.wrapgaleria{
  max-width:100%;
  height:auto;
}

.galeria{
  text-align: center;
  padding: 1px 1px 5px 1px;
}
.galeria img{
  max-width: 100%;
  height: auto;

}
.galeria img:hover{
  opacity: 0.5;
  /*transition: opacity: 0.5 .3s;*/
}

.navi { 
  margin:0 auto;
  padding:0;
}
.navi li {
  margin:2px;
  padding:0;
  float:left;
}
.navi ul {
  display: inline-block;
  list-style:none;
  list-style-type:none;
  margin:2px;
  text-align: center;
}
.navi a{
  text-align: center;
}
.home{
  color: #ffffff;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  background-color: #bf1e2d;
}
.home:hover{
  opacity: 0.5;
}
.regiones{
  color: #ffffff;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  background-color: #ee3c23;
}
.regiones:hover{
  opacity: 0.5;
}
.talleres{
  color: #ffffff;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  background-color: #f7941e;
}
.talleres:hover{
  opacity: 0.5;
}
.alumnos{
  color: #ffffff;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  background-color: #f5ee30;
}
.alumnos:hover{
  opacity: 0.5;
}
.contacto{
  color: #ffffff;
  text-decoration: none;
  padding: 15px 30px 15px 30px;
  background-color: #d7df21;
}
.contacto:hover{
  opacity: 0.5;
}
.contenido{
width:auto;
height:auto;
margin-top:15px; 
}

.post{
width:960px;
height:auto;
float:left; 
margin-bottom:30px; 
}

.postregiones{
margin-left: auto;
margin-right: auto;
}
.texto{
line-height:1.5; 
text-shadow:0px 1px 0px #FFF; 
width:480px;
float:left;
font-weight:normal; 
}
.tituloregiones{
text-align: center;
text-shadow:0px 1px 0px #FFF; 
margin-bottom:10px;
}

.textoregiones{
line-height:1.5; 
text-shadow:0px 1px 0px #FFF; 
text-align: center;
font-weight:normal; 
}

.imagen1
{
width:450px; 
height:350px; 
background:url(images/imagen1.png);
background-size: 100%;
float:right; 
}

.imagen2
{
width:450px; 
height:350px; 
background:url(images/imagen2.png);
background-size: 100%;
float:left; 
}


.imagentaller1
{
width:450px; 
height:350px; 
background:url(images/taller1.png);
background-size: 100%;
float:right; 
}

.imagentaller2
{
width:450px; 
height:350px; 
background:url(images/taller2.png);
background-size: 100%;
float:left; 
}


.imagen3
{
width:100%; 
height:350px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px; 
background:url(images/cuyo2.png);
background-size: 100%;
}
.titulo{
text-shadow:0px 1px 0px #FFF; 
margin-bottom:10px;
}

h1{
font-size:25px; 
font-weight:bold;
}
h2{
color: #000000;
font-size:25px; 
font-weight:bold;
text-transform: uppercase;
}
h3{
  font-size: 12px;
}

.bar{
width:936px;
height:6px;
background:url(images/bar.png);
background-size: 100%;
display: block;
margin-left: auto;
margin-right: auto;
    margin-bottom:7px;
}

.footer
{
  width: auto;
  height: auto;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

.logo2{
width:150px; 
height:42px; 
background:url(images/logofoot.png);
float:left; 
margin-top:10px; 
margin-bottom: 5px;
margin-right: 20px;
}
.logodg{
width:70px; 
height:35px; 
background:url(images/dgpc.png) no-repeat;
float:left; 
margin-top:10px; 
margin-bottom: 5px;
}
.botones-redes img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
float: right;
margin-top:10px;
margin-bottom: 5px;
}

.img1{
  background:url(images/imagen3.png)
}
img4{
  background:url(images/imagen1.png)
}