/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */
/* -------------------------------------------- */
@font-face {
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
background-color:#f2f2f2;
color: #000; 
font-family:Arial, Helvetica, sans-serif;}

/*-------------------------*/
a{color: #000;text-decoration: underline;}
a:hover {text-decoration: none;}

a.button, input.button {	cursor: pointer;	color: #fff;	line-height: 23px; font-size: 16px; background: #000033;border:1px solid #fff; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a.button {	display: inline-block; text-decoration: none;	padding: 9px 12px 9px 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {color:#ccc;}

/*-------------header */
header {height: 130px;width:100%; background-color:#252f39;}

header #logo {margin-top:2px;}

/*------------menu */
nav {width:100%;height: 40px;margin-bottom: 5px;padding: 0px 0px; background-color:#000033;border-top:2px solid #FFF; margin-top:0px;
}
nav ul { width:960px; list-style: none;margin: 0 auto;padding: 0;}
nav ul li {position: relative;float: left;padding: 6px 5px 0px 5px}
nav ul li:hover {}
nav ul li a {font-size: 16px; line-height:14px;color: #fff;display: block; text-decoration:none; padding: 10px 20px 10px 20px;margin-bottom: 5px;z-index: 6;position: relative; font-weight:normal;}
nav ul li:hover a{color:#ccc;}

/*-------------content */
#content {}

.block {padding: 0px 0px;background:#fff; padding-bottom:10px;}

.main-content{ padding-top:0px;}
.main-content article{margin: 0px 0;overflow:hidden; position:relative; padding:10px;}
.main-content .heading h2{font-size:28px; line-height:35px; text-transform:uppercase; letter-spacing:-1px}
.content h3{font-size:22px; line-height:35px;}
.main-content .heading .info{font-size:12px; padding:0px 10px; border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.main-content .content{}
.main-content .content img{float:left; margin:3px 10px 0px 0;}
.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none;}

.main-content .heading h3 {
    font-size: 20px;
    color:#888;
}

.sidebar section{margin-bottom: 20px;}
.sidebar .content{padding:15px;background-color:#FFF; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.sidebar .content img{float:left; margin:5px;}

.featured{width:100%; margin-bottom: 20px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list li {padding:0px 0 5px 6px; line-height:25px; background-color:#000033; border-bottom-color:#000;border-bottom-style:solid;border-bottom-width:1px; -webkit-border-radius: 2px;
-moz-border-radius: 2x;
border-radius: 2px;
}
ul.list li a { font-size:16px; color:#fff; line-height:25px; text-decoration:none;}
ul.list li a:hover {color:#ccc; }

/*------------footer */ 
footer {padding: 20px 10px; margin-top:0px;}
footer .heading{color:#000; padding-bottom:5px;font-size:25px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#000;}
footer .content img{float:left; margin:5px; border:#ffffff 5px solid;}
footer a{color:#000;text-decoration:underline;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#ffffff;text-decoration:none;}
footer ul li a:hover {color:#ccc; text-decoration:none; cursor:pointer;}

/*-------------copyright*/
#copyright{display:inline-block; width:100%; text-align: center; padding:8px 0px;color:#000; font-size:12px;}
#copyright a{color:#000; text-decoration:underline;}
#copyright a:hover{text-decoration:none;}


/****Form****/

#form { margin: 0px 0 0px 0px; width:98%; }
#form input {background:#EEE;font: 14px Arial, Helvetica, sans-serif;color:#222;padding:7px 10px 10px 15px;outline: medium none;width:98%;height:17px;float:left;}
#form textarea {background:#EEE; font: 14px Arial, Helvetica, sans-serif;color:#222;height: 176px;outline: medium none;overflow: auto;padding: 7px 0px 0px 10px;width:98%;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;overflow:hidden; display: block; padding-bottom:12px;}
#form label strong {font-weight:normal; display:block; padding-bottom:5px;}


#cajon1{
float:left;
width:30%;
font-size:13px;
text-align:center;
padding:6px;
}
#cajon2{
float:left;
width:30%;
font-size:13px;
text-align:center;
padding:6px;
}
#cajon3{
float:left;
width:30%;
font-size:13px;
text-align:center;
padding:6px;
}
/* ===== Vista celulares ===== */
@media (max-width:768px) {  /* podés ajustar el ancho de corte */
  #cajon1,
  #cajon2,
  #cajon3 {
    float:none;     /* quita el flotado */
    width:100%;     /* cada cajón ocupa todo el ancho */
  }
}