/*fuentes*/
@font-face {
    font-family: 'josefin_sansregular';
    src: url('fonts/josefinsans-regular-webfont.eot');
    src: url('fonts/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('fonts/josefinsans-regular-webfont.woff') format('woff'),
         url('fonts/josefinsans-regular-webfont.ttf') format('truetype'),
         url('fonts/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*normalización de la css*/ 
*{box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,fieldset, input, p, blockquote, th, td {margin: 0;padding: 0; font-weight:normal}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img, img a {border: 0;}
caption, th {text-align: left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block;}
article { /*float:left;*/}

/* enlaces */
a:link, a:visited, .link{color:#3cab8d; text-decoration:none;}
a:hover, .link:hover{text-decoration:underline;cursor: pointer}

/*titulos*/
h1,.title01{font-size:2.3em; margin-bottom:25px;color:#111; font-weight:400;}
h2{color:#111; font-weight:400; font-size:1.5em; margin-bottom:20px;}
h3{color:#555; font-size:1.3em; margin-bottom:20px;}


/*parrafos*/
p{margin-bottom:15px; line-height: 1.3em}

/*listados*/
ul li{list-style-type: none;}
ul.list,ol.list{margin:20px; }
ol.list li{list-style-type: decimal; margin-bottom: 10px}
ul.list li{list-style-type: disc;margin-bottom: 10px}
ul.list li ul li{list-style-type: square;}



/*clases objeto*/
.fleft{float: left}
.fright{float: right}
.w100{width: 100%}
.w75{width: 75%}
.w60{width: 60%}
.w50{width: 50%}
.w40{width: 45%}
.w25{width: 25%}
.salto{border-top:1px solid #cdcdcd; margin-top:20px;padding:10px 0 0;float: left; text-align: right;width: 100%;clear:both;}
.underline{border-bottom:1px solid #cdcdcd; padding-bottom:5px; }
.clear{clear:both;}
.red{color:red!important;padding:0 20px;}
.small{font-size: 0.9em}
.acenter{text-align: center!important;}
.aleft{text-align: left!important;}
.aright{text-align: right!important;}
.border{border: 1px solid #000;}
.link-lg{display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;} /*ENLACES*/

.margin-0{margin:0!important;}
.margin-t0{margin-top:0!important;}
.margin-10{margin:10px!important;}
.margin-20{margin:20px!important;}
.margin-l20{margin-left:20px!important;}
.margin-r20{margin-right:20px!important;}
.margin-t20{margin-top:20px!important;}
.margin-b20{margin-bottom:20px!important;}
.margin-tb20{margin-top:20px!important;margin-bottom: 20px!important;}
.margin-lr20{margin-left:20px!important;margin-right: 20px!important;}

.padding-0{padding:0!important;}
.padding-10{padding:10px!important;}
.padding-20{padding:20px!important;}
.padding-l20{padding-left:20px!important;}
.padding-r20{padding-right:20px!important;}
.padding-t20{padding-top:20px!important;}
.padding-b20{padding-bottom:20px!important;}
.padding-tb20{padding-top:20px!important;padding-bottom: 20px!important;}
.padding-lr20{padding-left:20px!important;padding-right: 20px!important;}

/*tablas*/
table{border: 1px solid #cdcdcd; border-bottom: none;border-left:none; background: white; width: 100%}
table td,table th{border-left: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;padding:5px 10px; text-align: center;}
table td{vertical-align: top;}
table th{font-weight: bold;}


/*__________________________________________________CONTENEDORES*/
body{font-family: 'Josefin Sans', sans-serif; font-size:x-small; color:#555; background:#F4E3E7; background:none 0 0 #fff}
.container{float:left;width:100%;padding:2em 0;background: url("../images/bg-grey.png") repeat scroll 0 0 transparent;font-size: 1.8em}
.content_main{width:75%;max-width:1180px;margin: 0 auto 0;overflow:hidden;position: relative;}
.sidebar{border-left: 1px solid #cdcdcd; padding-left: 20px;}
.content_top,
.content_bottom{float:left;width: 100%; margin-bottom: 20px;}
.content_bottom textarea{border: 1px solid; padding: 1.9%;width: 96%; height: 400px;font-size: 12px; font-family: monospace, Arial; color: #555;margin:0 auto; display: block}



.column{float: left}
.column .module{padding:0 2em;}

.w-1{ width:6.333333%;}
.w-2{ width:14.666667%}
.w-3{ width:23%;}
.w-4{ width:31.333333%;}
.w-5{ width:39.666666%;}
.w-6{ width:47.999999%}
.w-7{ width:56.333332%;}
.w-8{ width:64.666666%}
.w-9{ width:73.999999%}
.w-10{width:81.333333%}
.w-11{width:89.666666%}
.w-12{width:100%}

.row{float: left;width:100%;}
.row [class*="w-"]{float: left;margin:0 0 3% 3%;}
.row [class*="w-"]:first-child, .row [class*="w-"].first-child {margin-left: 0}

.row.no-spc [class*="w-"]{margin: 0}

.row.no-spc .w-1{ width:8.333333%;}
.row.no-spc .w-2{ width:16.666667%}
.row.no-spc .w-3{ width:24.999999%;}
.row.no-spc .w-4{ width:33.333333%;}
.row.no-spc .w-5{ width:41.666666%;}
.row.no-spc .w-6{ width:49.999999%}
.row.no-spc .w-7{ width:58.333332%;}
.row.no-spc .w-8{ width:66.666666%}
.row.no-spc .w-9{ width:74.999999%}
.row.no-spc .w-10{width:83.333333%}
.row.no-spc .w-11{width:91.666666%}
.row.no-spc .w-12{width:100%}


/*.row-3x4 .w-4{ width:31.333333%;}	
.row-3-9 .w-9{ width: 71.999999%}
.row-3-5-4 .w-9{ width: 71.999999%}*/

@media only screen and (max-width: 1180px) {
.content_main{width: 90%;overflow: visible;}


}

@media only screen and (max-width: 1024px) {
.content_main{width: 85%;}
.column .module{padding:0;}

}
@media only screen and (max-width: 768px) {

.row [class*="w-"]{width:100%;margin-left: 0}	
.sidebar{padding-left: 0; border-left: 0}
}