/* CSS Document */
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}

h1,h2,h3,h4,h5,h6,p {font-family:"helvetica",Tahoma,Verdana,sans-serif;font-weight:400;margin:10px 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit}
ul {list-style-type:none;margin:0px;padding:0px;}
li {font-family:"helvetica",Tahoma,Verdana,sans-serif;}
h1 {font-size:36px}
h2 {font-size:26px}
h3 {font-size:24px}
h4 {font-size:20px}
h5 {font-size:18px}
h6 {font-size:16px}
p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; color:#777; background:#FFF}
.colizq{width:100%;text-align:center}
.col_izq{margin-top:65px;margin-bottom:30px;width:100%;text-align:center}
.colder{max-width:990px;text-align:center;display:block;margin: 0 auto;}
.col_der{bottom:0;max-height:100%;overflow:hidden;top:10px;width:94%;margin-right:3%;margin-left:3%;text-align:center}
.fotos{float:left;position: relative;text-align:center;width:280px; height: auto; padding-bottom:32px;}
.portfolio{float:left;position: relative;text-align:center;width:280px; height: auto; margin:0px; padding:0px; background:#000;  overflow:hidden;}
.mas_portfolio{float:left;position: relative;text-align:center;width:100%; height: auto; margin:0px; padding:0px; background:#000;overflow:hidden;}
.mas_portfolio:hover .info {float:left;position:absolute;top: 40%;left: 0%;height: 1px;width: 50%;margin: 0% 0 0 -25%;text-align:center; width:100%;text-transform:uppercase;zoom: 1;opacity: 1.0;filter: alpha(opacity=100);color: white;-moz-transition:all ease .8s;-webkit-transition:all ease .8s ;transition:all ease .8s; padding:0px; margin:0px;}

.link3{font-size:12px;color:#4b4b4b;padding:10px 0; text-transform:uppercase}
.link3:hover{text-decoration:none;color:#fc8a00}
.link_secciones{font-size:21px;color:#b2b2b0}
.link_secciones:hover{text-decoration:none;color:#f5822b}
.nombre{font-size:21px;font-weight:normal;color:#777}



.paddl_24{padding-left:24px;}

.image{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition:all 1s ease;opacity: 1.0;filter: alpha(opacity=100); background:#000; padding:0px; margin:0px; height:auto; margin-bottom:-4px; }
.image:hover{opacity: 0.1;filter: alpha(opacity=100);background:#000;}
.image_int{float:left;position:relative;background:#eee;width:90%;padding:5%;border-bottom:5px solid #fff}
.image_int_ch{float:left;position:relative;background:#eee;width:92%; padding-left:8%}

.image_col_izq{float:left;position:relative;width:19%;padding-top:4%;padding-bottom:4%;background:#eee}
.image_col_der{float:left;position:relative;width:80%}
.image_total{float:left;position:relative;width:98%; padding:1%;background:#eee}
.image_50{float:left;position:relative;width:48%;padding:1%;background:#eee}
.imagenes{float:left;position:relative;width:100%;background:#eee;text-align:center}
.captura{border:0px;padding:0px;margin:0px;width:90%;margin-left:5%}
a {text-decoration:none; color:#000}


article{float:left; position:relative}
#content {width: 280px;float: left;position: relative;padding: 5px;}
#middle {width: 280px; /* Account for margins + border values */float: left;position: relative;padding: 5px;margin: 0px 22px 22px 22px;}

#sidebar {width: 280px;float: left;position: relative;padding: 5px }

.info {float:left;position:absolute; /*top:30px;*/ text-align:center; width:auto; text-transform:uppercase; zoom: 1;filter: alpha(opacity=0);opacity: 0;color: white;/*-moz-transition:all ease .8s;-webkit-transition:all ease .8s ;transition:all ease .8s; */ top: 40%;left: 35%;height: 1px;width: 80%;margin: 0% 0 0 -25%; font-family: 'Roboto', sans-serif;font-size:21px; font-weight:bold}
.portfolio:hover .info {float:left;position:absolute;top: 40%;left: 0%;height: 1px;width: 50%;margin: 0% 0 0 -25%; text-align:center; width:100%;text-transform:uppercase;zoom: 1;opacity: 1.0;filter: alpha(opacity=100);color: white;-moz-transition:all ease .8s;-webkit-transition:all ease .8s ;transition:all ease .8s; padding:0px; margin:0px;}
	 
.logo{font-family: 'Roboto', sans-serif;color:#333}
.titulito_header{width: 100%; height:auto;}
.int_tit{font-family: 'Roboto', sans-serif; text-transform:uppercase;font-weight:bold; font-size:21px; color:#333;}
.int_parrafo {float:left; position:relative; width:100%;font-size:14px;}
.int_post{float:left;position:relative; font-size:12px; line-height:30px; margin-left:35px;}
.int_mas{font-family: 'Roboto', sans-serif; text-transform:uppercase;font-weight:bold; font-size:18px; line-height:24px; color:#333}

.modulo_mas{float:left;position:relative;width:19%;margin:0.5%}

.int_foto_pc{display:block;float:left;position:relative;}
.int_foto_cel{display:none;float:left;position:relative;}
.int_ppt{float:left;position:absolute;width:125px;height:auto;margin-left:10px;top:17px}
.alineado{float:left; position:relative;}
#footer {clear:left;position:relative;width:100%;background:#F5F5F5;padding:40px 0 20px;}
#footer .wrap{padding-bottom: 20px;padding-top: 40px;}
.footer-text {color:#B2B2B2;font-family: Arial, Arial, Helvetica, sans-serif;font-size: 11px;background:#F5F5F5;width:100%;text-align:center}

@media only screen and (max-width :601px) {
.colizq{float:left; position:relative;width:100%;}
.col_izq{ width:90%; left:0%;top:0px; padding:0px; margin:5%}
.col_der {width:94%; top:5px; padding:3%; margin:0px} 
.portfolio{margin:0px;left: 0%; padding:0px;width:100%; margin:0%}
.portfolio:hover {border: 0px solid #000;width:100%;opacity: 1.0;filter: alpha(opacity=100);background:#000;}
.int_foto_pc{display:none;float:left;position:relative;}
.int_foto_cel{display:block;float:left;position:relative;}
.modulo_mas{float:left;position:relative;width:32%;margin:0.5%}
}



@media screen and (max-width: 980px) {
#content {width: 31.3%;padding: 1%;float: left;}
#middle {width: 31.3%;padding: 1%;margin: 0px 0px 5px 0px;float: left;}
#sidebar {padding: 1%;width: 31.3%;float: left;}
.int_post{float:left;position:relative; font-size:12px; line-height:30px; margin-left:0px;}
.int_foto_pc{display:none;float:left;position:relative;}
.int_foto_cel{display:block;float:left;position:relative;}
.modulo_mas{float:left;position:relative;width:24%;margin:0.5%}
.portfolio {width: 100%;max-width:280px;}
.fotos {width: 100%;max-width:280px;}
}

/* for 700px or less */
@media screen and (max-width: 600px) {
#content {width: auto;float: none;}
#middle {width: auto;float: none;margin-left: 0px;}
#sidebar {width: auto;float: none;}
.int_post{float:left;position:relative; font-size:12px; line-height:30px; margin-left:0px;}
.int_foto_pc{display:none;float:left;position:relative;}
.int_foto_cel{display:block;float:left;position:relative;}
.modulo_mas{float:left;position:relative;width:32%;margin:0.5%}
#wowslider-container0 .alineado{float:left; position:relative; margin-left:0px}
.fotos { width: 100%;max-width:280px; float: none; display:table; margin:0 auto; }
}

/* for 480px or less */
@media screen and (max-width: 480px) {
#content, #middle, #sidebar {margin-bottom: 5px;}
.info { font-size:96%}
.image_50{float:left;position:relative;width:98%;padding:1%;background:#eee}
.int_parrafo {float:left; position:relative; width:100%;}
.int_post{float:left;position:relative; font-size:12px; line-height:30px; margin-left:0px;}
.int_foto_pc{display:none;float:left;position:relative;}
.int_foto_cel{display:block;float:left;position:relative;}
.modulo_mas{float:left;position:relative;width:49%;margin:0.5%}
.paddl_24{padding-left:0px; padding-right:10px}
.int_ppt{display:none;width:0px;}
.ws_images{display:inline;float:left;position:relative;width:100%;padding:0%;margin:0px; left:-50px}
#wowslider-container0.ws_gestures{display:inline;float:left;position:relative;width:100%;padding:0px;margin:0px;}
#wowslider-container0 .alineado{float:left; position:relative; margin-left:0em}
.fotos { width: 100%;max-width:280px; float: none; display:table; margin:0 auto; }
}