@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'open-regular';
  src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Regular.woff') format('woff'),
	   url('fonts/OpenSans-Regular.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'open-light';
  src: url('fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Light.woff') format('woff'),
	   url('fonts/OpenSans-Light.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body{
background-color:#030303;
font-family:open-regular,Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
margin:0;
padding:0;
}

#sup1{
height:50px;
background-color:#3d3d3d;
}
#sup2{
text-align:center;
margin-top:50px;
padding:10px 0;
background-color:#233142;
}
.celda1{
width:80%;
font-weight: bold;
font-size: 18px;
}

.celda3{
width:10%;
font-style: oblique;
}
.ima{
width:96%;
}
#cuerpo{
width:96%;
max-width:1200px;
margin:0 auto;
padding:0 3%;
}
#izq, #der{
display:inline-block;
vertical-align:top;
}
#izq{
  width:25%;
  
  }
#der{
    width:70%;
    
    }
#izq{
margin-right:4%;
}
#izq1 img{
width:96%;
max-width:380px;
margin-bottom:20px;
}
#der2{
  background-color: #ff7b00;
  color: #ffffff;
  padding: 20px 10px;
  
  }
#izq2 {
font-size:22px;
color: #ff7b00;
}
#izq3{
font-size:32px;
font-weight:bold;
padding-left:20px;
margin-bottom:20px;
padding-top:10px;
color:#ffffff;
}
.co{
font-size:24px;
font-weight:bold;
}
#izq4{
font-size:16px;
padding-left:20px;
}
#der1{
font-size:24px;
font-weight:bold;
padding-bottom:10px

}
#izq5{
width:90%;
margin:0 auto;
padding-top:10px;
}
#izq6{
padding:20px;
background-color: #ff7b00;
color: #000000;
font-size: 20px;
text-align: center;
border-radius: 20px;
font-weight: bold;
text-decoration:none;
}

#izq5 a{
margin-right:10px;
}
#der{
font-size:14px;
}
.rojo{
color:#d62c32;
}

#info22{
font-size:14px;
color:#e3ac2a;
}
#info22 input, #info22 textarea{
background-color:#f5f5f5;
padding:8px;
margin-bottom:10px;
margin-top:2px;
width:96%;
border:#dbdbdb solid 1px;
}
#info23{
padding:15px 0;
}
#pie{
text-align:center;
padding-top:15px;
}
#pie a{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
border-bottom:#FFFFFF solid 1px;
margin-right:10px;
}
.forma{
background-image:url(img_co/forma.png);
background-repeat:repeat-x;
background-position:center;
}
@media screen and (max-width:950px){
#izq, #der{
width:90%;
margin-left:5%;
margin-right:0;
}
#der{
  margin-top: 30px;
}

}