/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{margin:0; padding:0; border:0; outline:0; font-family:Helvetica,Arial,Tahoma,sans-serif}
strong, b{font-weight:bold}
em, dfn, i{font-style:italic}
/* ================= General ================= */
body{font:12px/1.7 Helvetica,Arial,Tahoma,sans-serif; color:#666; /*-webkit-font-smoothing:antialiased;*/ background:#f1f1f1}
.texto{width:38%; float:right}

#404not{margin:0 auto; width:100%}
#404not img{margin:0 auto; width:100%} 
#log404 a {filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
#log404 a :hover {filter:alpha(opacity=70); opacity:0.7; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

#condiciones {width:100%; margin: 0 auto;}
#condiciones img{width:85%;margin: 0 auto;}
#condiciones a{filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
#condiciones a:hover{filter:alpha(opacity=70); opacity:0.7; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

#cabezote{margin:0 auto;width: 100%;}
#cabezote img{margin: 0 auto;display: block;margin-left: 576px;}
#titulo_img h1{width: 100%;margin:0 auto;}

#contenedor {width:100%;margin:0 auto;	}
#contenedor img {width:100%;margin:0 auto;}

/*FORMULARIO INICIO POP UP*/
/*#abc{width: 100%; height: 100%; background-color:#161616 ; opacity:0.95; top: 0; left: 0; display: none; position: fixed; overflow:auto; z-index: 999999;}
#enviar{width:50%; background-color:#5E0000; color:#FFF; border: 2px solid #900; border-radius: 10px; cursor: pointer;}
img#close{position: absolute; right: 10px; top: 8px; cursor: pointer;}
#abc div#popupContact{position: absolute; left: 50%; top: 17%; margin-left: -232px; z-index: 99999;}
#peque{color:#FFFFFF; font-family:Arial Narrow; font-size:21px; text-align:center;}
#grande{padding: -15px 15px; margin: 13px -50px; text-align:center; color:#FFF; font-family:Arial Narrow; font-size:40px;}
#form1{max-width: 470px; min-width: 250px; padding: 10px 50px; border: 2px solid; border-radius: 10px;*/
/*font-family:Helvetica; text-align:center; background-color:#AC2400; margin:0 auto;color:#FFFFFF;}
/*FIN FORMULARIO INICIO POP UP*/

/*FORMULARIO NORMAL*/
/*form{max-width: 470px; min-width: 250px; padding: 10px 50px; /*border: 2px solid; border-radius: 10px;
font-family:Helvetica; text-align:center; /*background-color:#AC2400; margin:0 auto;}
form p{color:#FFFFFF; text-align:center;}
.titulines{color:#000000;}

input[type=text] , [type=email] {width:82%; padding: 15px; margin-top: 10px; border: 1px solid #ccc; padding-left: 40px; font-size: 16px; font-family:Helvetica;} 
select { width:200px; height:30px; border-radius: 5px;}
input[type=checkbox] {width:15px; height:15px;}

#nombre{background-image: url('../images/name.jpg'); background-repeat: no-repeat; background-position: 5px 7px; border-radius: 10px;}
#email{background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 5px 7px; border-radius: 10px;}
#telefono{background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 5px 7px; border-radius: 10px;}
#comentario{background-image: url('../images/email.png'); background-repeat: no-repeat; background-position: 5px 7px; border-radius: 10px;}
.submit{text-decoration:none; width:35%; text-align:center; display:block; background-color:#5E0000; color:#666; border: 1px solid #CCCCCC; padding: 5px 0; font-size:20px; font-family:Helvetica; cursor:pointer border-radius: 20px; margin:0 auto; margin-top:15px; cursor: pointer;}
/*FIN FORMULARIO NORMAL*/


h1, h2, h3, h4, h5, h6{font-family:Helvetica,Arial,Tahoma,sans-serif; margin-bottom:12px; font-weight:600}
a:link, a:visited, a:hover, a:active, a:focus{text-decoration:none; outline:none; font-family:Helvetica,Arial,Tahoma,sans-serif}
a{color:#d93e39; font-family:Helvetica,Arial,Tahoma,sans-serif}
a:hover{text-decoration:underline}
pre{white-space:pre; overflow:auto; padding:20px}
code{white-space:pre; overflow:auto; padding:14px; color:#595959; background:#f6f6f6; display:block; border:1px solid #ddd; font-size:11px; line-height:15px}
code strong{color:#000}
p{font-size:14px; font-family:Helvetica,Arial,Tahoma,sans-serif; line-height:22px; text-align:justify}
dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p{margin-bottom:10px}
::selection{background:#2e2823; color:#FFF}
::-moz-selection{background:#2e2823; color:#FFF}
/* ================= Headers ================= */
h1{font-size:25px; color:#453C34}
h2{font-size:22px; color:#453C34}
h3{font-size:18px; color:#453C34}
h4{font-size:16px; color:#453C34}
h5{font-size:14px; color:#453C34}
h6{font-size:12px; color:#453C34}
h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular{font-weight:400}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white{color:#fff}
h1.page_title{margin-bottom:10px}
h1.bottom_line{border-bottom:1px solid #d9d9d9; margin:20px 0 30px 0; padding:0 0 10px 0}
h2.bottom_line{border-bottom:1px solid #d9d9d9; margin-bottom:10px}
h3.bottom_line{border-bottom:1px solid #d9d9d9; margin-bottom:20px; padding-bottom:15px}
h3.bottom_line2{border-bottom:1px solid #d9d9d9; margin-bottom:0; padding-bottom:5px}
h4.bottom_line{border-bottom:1px solid #d9d9d9; margin-bottom:11px; padding-bottom:10px}
p.bottom_line{border-bottom:1px solid #d9d9d9; margin-bottom:10px; padding:0 0 13px 0}
div.bottom_line{border-bottom:1px solid #d9d9d9; margin-bottom:10px; padding:0 0 13px 0}
p.align_center{text-align:center; font-size:14px; color:#999}
p.align_center a{font-weight:bold}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-weight:600}
/* ================= List Styles ================= */
ul{list-style:none; margin-top:0}
ol{margin-bottom:0; margin-top:0}
ol, ol li{list-style:decimal outside}
/* ================= Images ================= */
img.alignleft{float:left; margin:10px 16px 10px 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto}
img.alignright{float:right; margin:5px 0px 5px 11px}
/* ================= Tables ================= */
table{border-collapse:separate; border-spacing:0; width:100%; padding:0}
table thead td{background:#ddd; height:30px; color:#262626; font-size:12px; font-weight:normal; text-align:center}
table td{vertical-align:middle; padding:0; height:29px; color:#4d4d4d; font-size:11px; font-weight:normal; text-align:center}
table tr.grey{background:#f2f2f2}
/* ================= Forms ================= */
input, textarea{border:1px solid #ccc; padding:7px 10px 7px 10px; font-size:11px; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
/* ================= Deviders ================= */
.clear{content:"."; display:block; clear:both; height:0; visibility:hidden}
.padding3{padding-top:3px; font-size:0; line-height:0}
.padding5{padding-top:5px; font-size:0; line-height:0}
.padding10{padding-top:10px; font-size:0; line-height:0}
.padding12{padding-top:12px; font-size:0; line-height:0}
.padding15{padding-top:15px; font-size:0; line-height:0}
.padding17{padding-top:17px; font-size:0; line-height:0}
.padding20{padding-top:20px; font-size:0; line-height:0}
.padding25{padding-top:25px; font-size:0; line-height:0}
.padding30{padding-top:30px; font-size:0; line-height:0}
.padding40{padding-top:40px; font-size:0; line-height:0}
.padding50{padding-top:50px; font-size:0; line-height:0}
.padding60{padding-top:60px; font-size:0; line-height:0}
.padding80{padding-top:80px; font-size:0; line-height:0}
.none{display:none}
.line{font-size:0px; border-top:1px solid #d9d9d9}
hr{background:transparent; border:0; clear:both; color:transparent; height:1px; margin:0; padding:0}
hr{background:#d9d9d9; color:#d9d9d9; margin:5px 0 25px 0}
hr.dotted{border-style:dotted}
p+hr{margin:25px 0 20px 0}
/* ======================================================================================================
 ESTRUCTURA GENERAL
=======================================================================================================*/
/* ================= Header and Logo ================= */
.contenetor{width:97%; margin:0 auto}
.container{width:92%; margin:0 auto}
.header_bg{min-height:190px; background:#f1f1f1 url(../images/header-bg.jpg) repeat-x}
.header_bg.grey{background:#f2f2f2 url("../images/header_delimiter.png") repeat-x bottom}
.header_bg .logo{float:left; margin-bottom:10px; margin-top:100px; `}
/* ================= Header Menu ================= */
.main-menu{margin:113px 80px  0 0; float:right}
.main-menu ul{margin:0}
.main-menu li ul{padding-top:2px; left:-2px}
.main-menu li ul li{box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1)}
.main-menu li{white-space:nowrap; display:block; position:relative; margin:0; padding:0; z-index:100}
.main-menu a{display:block; position:relative; font-size:16px; font-family:"Helvetica neue",Arial,sans-serif; color:#AA0303}
.main-menu a:hover{text-decoration:none; color:#FA0A0A}
.main-menu li.submenu >a{cursor:default}
.main-menu >ul >li{float:left; margin-right:28px}
.main-menu >ul >li:last-child{margin-right:0}
.main-menu li ul{display:none; position:absolute; top:100%; z-index:100}
.main-menu li:hover >ul{display:block}
.main-menu li ul li.submenu >a{padding-right:10px; background:#403830 url(../images/submenu_left_arrow.png) no-repeat right}
.main-menu li ul li.submenu >a:hover{padding-right:10px; background:#f5f5f5 url(../images/submenu_left_arrow.png) no-repeat right}
.main-menu li ul li{border-bottom:1px solid #534a42; background:#FFF}
.main-menu li ul li a:hover{background:#f5f5f5; color:#d43a32}
.main-menu li ul li:last-child{border-bottom:1px solid #2e2823}
.main-menu li ul li a{padding:0 25px 0 12px; line-height:33px; background:#A7A7A7}
.main-menu li ul li ul{top:-1px !important; left:100% !important; padding:0 !important}
/* ================= Footer ================= */
.footer_bg{border-top:10px solid #d93e39; background:#b21016; margin-top:60px}
.footer_bg.no_margin{margin-top:0}
.footer{margin-top:35px}
.footer_bg .footer h1.about{background:url("../images/footer_about.png") no-repeat 0px 4px; color:#aaa; font-size:18px; text-shadow:0 1px 0 #262626; font-weight:400; text-indent:30px}
.footer_bg .footer h1.blog{background:url("../images/footer_blog.png") no-repeat 0px 4px; color:#aaa; font-size:18px; text-shadow:0 1px 0 #262626; font-weight:400; text-indent:30px}
.footer_bg .footer h1.flickr{background:url("../images/footer_flickr.png") no-repeat 0px 4px; color:#aaa; font-size:18px; text-shadow:0 1px 0 #262626; font-weight:400; text-indent:30px}
.footer_bg .footer p{color:#ccc; line-height:22px}
.footer_bg_bottom{border-top:1px solid #7E0000; background:#7E0000}
.footer .lastest_posts img{float:left; margin:5px 20px 0 0}
.footer .lastest_posts a{}
.footer .col_1_3{width:280px; margin:20px 40px 0 0}
.footer .col_1_3.last{width:280px; margin:20px 0 0 0}
.footer .flickr ul{margin-right:-20px}
.footer .flickr ul li{padding:0; margin:0 20px 20px 0; float:left}
.ie7 .footer .flickr ul li{padding:0; margin:0 13px 19px 0; float:left}
.footer .flickr ul li a{border:4px solid #202020; display:block; width:72px; height:72px}
.footer_bottom .menu{float:right}
.footer_bottom .menu ul{list-style:none; padding:20px 0 0 0}
.footer_bottom .menu ul li{float:left; position:relative; display:block; margin:0 20px 0 0; padding:0; list-style:none; z-index:9999; filter:alpha(opacity=50); opacity:0.5; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.footer_bottom .menu ul li:hover{opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.footer_bottom .menu ul li a{color:#fff; font-weight:bold; display:block; text-decoration:none; float:left}
.footer_bottom .menu ul li a.selected{color:#fff}
.footer_bottom .menu ul li a:hover{color:#fff}
.footer_bottom p, .footer_bottom p a{color:#fff; line-height:22px; font-size:11px; margin-top:-40px}
.footer_bottom .keep_in{padding:20px 0 0 0; font-size:14px; color:#fff; font-weight:600}

/* ================= Columns ================= */
.content{width:620px; margin:25px 40px 0 0; float:left}
.sidebar{width:280px; margin:10px 0 0 0; float:left}
.col_1_2{width:460px; float:left; margin:0 20px 0 0}
.col_2_3{width:100%; float:left; margin:0 20px 0 0}
.col_1_3{width:300px; float:left; margin:0 20px 0 0}
.col_1_4{width:220px; float:left; margin:0 20px 0 0}
.col_1_5{width:551px; float:left; margin:0 32px 0 0}
.col_3_4{width:700px; float:left; margin:0 20px 0 0}
.content .col_1_2{width:300px}
.content .col_1_3{width:193px}
.content .col_2_3{width:406px}
.content .col_1_4{width:140px}
.content .col_1_5{width:108px}
.content .col_3_4{width:460px}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last{margin:0}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last{margin:0}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
=======================================================================================================*/
.recent_works_left{float:left}
.recent_works_left h2{margin-bottom:10px}
.recent_works_left h2 strong{font-weight:700}
.recent_works_arrows{float:right; padding:11px 0 3px 0}
.recent_works_arrows a.prev_item{position:absolute; margin-left:-1620px; margin-top:132px; width:22px; height:22px; margin-right:8px; background:url("../images/portfolio_prev.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.prev_item:hover{background:url("../images/portfolio_prev.png") no-repeat bottom}
.recent_works_arrows a.next_item{position:absolute; margin-top:132px; margin-left:19px; width:22px; height:22px; background:url("../images/portfolio_next.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.next_item:hover{background:url("../images/portfolio_next.png") no-repeat bottom}
.recent_works{padding:0 0 0 0; margin:0 0 0 0}
.recent_works ul:after{content:""; display:block; height:0; overflow:hidden; clear:both}
.recent_works ul li{margin:0 10px 60px 10px; width:293px; height:150px; float:left; background:#FFF}
.recent_works ul li .recent_image{width:281px; height:140px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative}
.recent_works ul li .recent_image .portfolio_image{width:281px; height:140px}
.recent_image a{opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.recent_image a:hover{opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.recent_works ul li .title{text-align:left; display:block; padding:10px 0 10px 0; font-size:18px; color:#262626}
.recent_works ul li .title a{font-size:18px; color:#262626; font-weight:bold}
.recent_works ul li .title a:hover{color:#d93e39}
.recent_works ul li .clear{display:block; clear:both; padding:5px 0 0 0}

/* ================= Portfolio ================= */
.portfolio_1_4, .portfolio_a_a, .portfolio_no_4, .portfolio_sanit{padding:0 0 0 0; margin:0 -20px 0 0}
.portfolio_1_4 ul, .portfolio_no_4 ul{width:960px; margin-bottom:0; margin:0 auto}
/*#pasar_pagina #centro a {display: inline-block;}*/
.centro {margin: 0 auto; width:25%}
.centro a {display:inline-block; width:80px;}
.selecto {color:#990000}

.portfolio_sanit ul {width: 40%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 60px 60px 0; width:310px; height:550px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}


.portfolio_a_a ul{width:990px; margin-bottom:0; margin:0 auto}
.portfolio_1_4 ul:after, .portfolio_a_a ul:after, .portfolio_no_4 ul:after{content:""; display:block; height:0; overflow:hidden; clear:both}
.portfolio_1_4 ul li, .portfolio_no_4 ul li{margin:0 20px 20px 0; width:220px; height:324px; float:left; /*background:#f7f7f7; */}
.portfolio_a_a ul li{margin:0 20px 60px 0; width:310px; height:550px; float:left}
.portfolio_1_4 ul li .image img{width:208px; height:155px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

.portfolio_no_4 ul li .image img{width:208px; height:155px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; opacity:1; filter:alpha(opacity=100)}

.portfolio_a_a ul li .image img{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

.portfolio_1_4 ul li .image img:hover, .portfolio_a_a ul li .image img:hover , .portfolio_sanit ul li .image img:hover{filter:alpha(opacity=50); opacity:0.5; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_no_4  ul li.image .porfolio_image{width:208px; height:155px}
.portfolio_1_4 ul li .title, .portfolio_no_4 ul li .title{border-bottom:1px solid #ccc; text-align:left; display:block; padding:10px 0 10px 0; font-size:16px; color:#262626}
.portfolio_1_4 ul li .title a, .portfolio_no_4 ul li .title a{font-size:16px; color:#262626}
.portfolio_1_4 ul li .title a:hover, .portfolio_no_4 ul li .title a:hover{color:#d93e39}
.portfolio_1_4 ul li .description, .portfolio_no_4 ul li .description{display:block; padding:10px 0 10px 0; font-size:11px; line-height:22px; color:#4d4d4d; text-align:justify}
.portfolio_1_4 ul li .clear, .portfolio_no_4 ul li .clear{display:block; clear:both; padding:5px 0 0 0}
.portfolio_1_3{padding:0 0 0 0; margin:0 -20px 0 0}
.portfolio_1_3 ul{width:990px; margin:0 auto}
.portfolio_1_3 ul:after{content:""; display:block; height:0; overflow:hidden; clear:both}
.portfolio_1_3 ul li{margin:0 10px 60px 0; height:520px; float:left}
.portfolio_1_3 ul li .image{width:300px; height:500px; padding:5px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=70); opacity:0.7; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.portfolio_1_3 ul li .image:hover{opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

.portfolio_1_3 ul li .image .portfolio_image{width:300px; height:500px}
.portfolio_1_3 ul li .title{text-align:center; display:block; padding:10px 0 10px 0; font-size:18px; color:#262626}
.portfolio_1_3 ul li .title a{font-size:18px; color:#262626}
.portfolio_1_3 ul li .title a:hover{color:#d93e39}
.portfolio_1_3 ul li .description{display:block; padding:10px 0 10px 0; font-size:11px; line-height:22px; color:#4d4d4d}
.portfolio_1_3 ul li .clear{display:block; clear:both; padding:5px 0 0 0}
.portfolio_1_2{padding:0 0 0 0; margin:0 -40px 0 0}
.portfolio_1_2 ul{width:960px; margin:0 auto}
.portfolio_1_2 ul:after{display:block; height:0; overflow:hidden; clear:both}
.portfolio_1_2 ul li{margin:0 20px 60px 0; width:460px; float:left}
.portfolio_1_2 ul li .image{width:448px; height:325px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.portfolio_1_2 ul li .image a {opacity:1; filter:alpha(opacity=100);}
.portfolio_1_2 ul li .image a:hover {opacity:0.5; filter:alpha(opacity=50);}
.portfolio_1_2 ul li .image .portfolio_image{width:448px; height:325px; opacity:0.5px; filter:alpha(opacity=50)}
.portfolio_1_2 ul li .title{border-bottom:1px solid #ccc; text-align:left; display:block; padding:10px 0 10px 0; font-size:18px; color:#262626}
.portfolio_1_2 ul li .title a{font-size:18px; color:#262626}
.portfolio_1_2 ul li .title a:hover{color:#d93e39}
.portfolio_1_2 ul li .description{display:block; padding:10px 0 10px 0; font-size:13px; line-height:22px; color:#4d4d4d; text-align:justify}
.portfolio_1_2 ul li .clear{display:block; clear:both; padding:5px 0 0 0}

.portfolio_1_2b{padding:0 0 0 0; margin:0 -40px 0 0}
.portfolio_1_2b ul{width:760px; margin:0 auto}
.portfolio_1_2b ul:after{display:block; height:0; overflow:hidden; clear:both}
.portfolio_1_2b ul li{margin:0 20px 60px 0; width:350px; float:left}
.portfolio_1_2b ul li .image{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  margin:0 auto}
.portfolio_1_2b ul li .image a {opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.portfolio_1_2b ul li .image a:hover {opacity:0.5; filter:alpha(opacity=50);-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.portfolio_1_2b ul li .image .portfolio_image{width:448px; height:325px; opacity:0.5px; filter:alpha(opacity=50)}
.portfolio_1_2b ul li .title{border-bottom:1px solid #ccc; text-align:left; display:block; padding:10px 0 10px 0; font-size:18px; color:#262626}
.portfolio_1_2b ul li .title a{font-size:18px; color:#262626}
.portfolio_1_2b ul li .title a:hover{color:#d93e39}
.portfolio_1_2b ul li .description{display:block; padding:10px 0 10px 0; font-size:13px; line-height:22px; color:#4d4d4d; text-align:justify}
.portfolio_1_2b ul li .clear{display:block; clear:both; padding:5px 0 0 0}


.portfolio_slider_container{margin-bottom:0px; position:relative; float:left; width:100%}
.portfolio_slider{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.portfolio_slider li{position:absolute; width:100%; left:0; top:0}
.portfolio_slider img{display:block; position:relative; z-index:1; height:auto; width:100%; border:0}
.portfolio_slider .caption{display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; background:red; color:#fff; background:#000; background:rgba(0,0,0,.4); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none; font-size:14px}
.portfolio_slider_nav{position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:40%; left:0; opacity:0.7; filter:alpha(opacity=70); z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:50px; width:45px; background:transparent url("../images/themes.png") no-repeat left top; margin:0 10px}
.portfolio_slider_nav:active{opacity:1.0}
.portfolio_slider_nav.next{left:auto; background-position:right top; right:0}
 @media screen and (max-width:600px){.portfolio_slider_nav{top:47%}
 .portfolio_sanit ul {width: 98%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 60px 60px 0; width:310px; height:550px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
.recent_works_arrows a.prev_item{position:absolute; margin-left:-420px; margin-top:180px; width:22px; height:22px; margin-right:8px; background:url("../images/portfolio_prev.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.next_item{position:absolute; margin-top:180px; margin-left:-30px; width:22px; height:22px; background:url("../images/portfolio_next.png") no-repeat top; z-index:99999}



}
.portfolio_social li{display:inline; padding-right:5px}
/* === Portfolio category filter === */
#404not img{margin:0 auto; width:100%}

.filter ul{margin:0}
.filter ul li{margin:0; padding:0; float:left}
.filter ul li{padding:0 5px}
.filter ul li.last{padding:0 5px}
.filter a{color:#b3b3b3; display:inline-block; padding:2px 10px; font-size:12px; font-family:Helvetica,Arial,sans-serif}
.filter a:hover{color:#de5853; text-decoration:none}
.filter a.selected{color:#262626; background:-moz-linear-gradient(  top, #88b272 0%, #7fab68 50%, #6c9b55); background:-webkit-gradient(  linear,left top,left bottom, from(#88b272), color-stop(0.50,#7fab68), to(#6c9b55)); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 10px; color:#fff}
.portfolio_button_left{float:left}
.portfolio_button_right{float:right}
.portfolio_button_right .button_medium span{margin-right:0}
.portfolio_nav{float:right; margin:10px 0 10px 0}
.portfolio_nav li{float:left}
.portfolio_nav a.next{float:left; display:block; background:url("../images/portfolio_next.png") no-repeat top right; padding-right:30px; color:#b8b8b8; font-size:14px; font-family:"Lato",serif; text-decoration:none; height:22px}
.portfolio_nav a.next:hover{background:url("../images/portfolio_next.png") no-repeat bottom right; text-decoration:none; color:#d93e39}
.portfolio_nav a.prev{float:left; display:block; background:url("../images/portfolio_prev.png") no-repeat top left; padding-left:30px; color:#b8b8b8; font-size:14px; font-family:"Lato",serif; text-decoration:none; height:22px}
.portfolio_nav a.prev:hover{background:url("../images/portfolio_prev.png") no-repeat bottom left; text-decoration:none; color:#d93e39}
.portfolio_nav li.separator{background:url("../images/portfolio_separator.png") no-repeat center bottom; text-decoration:none; width:1px; height:22px; padding:0 20px}
.boldlink{font-size:13px; font-weight:bold}
/* === Clearfix === */
.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .clearfix, :first-child+html .clearfix{zoom:1}

/* ================= General Widget Style ================= */
.widget{margin:0 0 35px 0}
.widget.margin_medium{margin:0 0 10px 0}
.widget.margin_small{margin:0 0 15px 0}
.widget h2{background:url("../images/widget_bg.png") repeat-x 0 12px; text-align:left; margin:0 0 10px 0}
.widget h2 span{color:#262626; background:#FFF; text-align:left; padding:0 10px 0 0px; font-size:17px}
/* ================= Categories ================= */
.categories ul{margin:-10px 0 0 0}
.categories ul li a{}
.categories ul li a:hover, .categories ul li a.selected{text-decoration:none; color:#d93e39}
/* ================= Recent Posts ================= */
.recent_post{margin:0 0 15px 0}
.recent_post .image{width:60px; height:60px; float:left; border:1px solid #ccc; padding:5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.recent_post .image img{margin:0; padding:0}
.recent_post .text{width:198px; float:left; padding:0 0 0 10px}
.recent_post .text a.title{text-decoration:none; color:#666; font-size:11px; border:0; padding:0; line-height:23px}
.recent_post .text a.title:hover{text-decoration:underline; color:#d93e39}
.recent_post .text .comments{background:url("../images/recent_post_comments.png") no-repeat left 85%; display:inline-block; color:#a6a6a6; padding:6px 0 0 13px; font-size:11px; line-height:11px}
.recent_post .text .time{background:url("../images/hour.png") no-repeat left 85%; display:inline-block; color:#a6a6a6; font-size:11px; padding:2px 5px 0 13px; line-height:11px}

#subcateg{width:100%; height:70px}
#subcateg a{font-family:Helvetica,Arial,Tahoma,sans-serif; font-size:12px; padding:5px 8px; text-align:center; margin-top:5px; display:inline-block; width:100px; height:15px; background:#900; text-decoration:none; color:#FFF; border-radius:4px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
#subcateg a:hover{background:#F00; text-decoration:none; color:#FFF; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}
#subcateg .seleccionado{background:#350000; color:FFF}

/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/
/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width:1820px) and (min-width:1301px){.col_1_5 #imagenmisi img{width:100%; margin:0 auto}
#imagenmisi{width:50%; float:left; padding:15px}
.col_1_5{width:90%; float:none; margin:0 auto}
#404not{margin:0 auto; width:100%}
#404not img{margin:0 auto; width:100%}

#condiciones {width:100%;margin: 0 auto;}
#condiciones img{width:85%; margin: 0 auto;}

.centro {margin: 0 auto; width:45%}
.centro a {display:inline-block; width:100px;}

.portfolio_sanit ul {width: 50%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin: 0 28px 60px 0; width: 310px; height: 550px; float: left;}

.portfolio_sanit ul li .image img{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

#cabezote img{margin: 0 auto; display: block; margin-left: 410px; width:40%;}
}

@media only screen and (max-width:1300px) and (min-width:960px){.texto{width:100%; margin:80px auto}

.portfolio_1_3 ul{width:80%; margin:0 auto}
.col_1_5{width:80%; float:none; margin:0 auto}
#imagenmisi{width:100%; max-width:500px;}
#subcateg a{padding: 10px 8px; text-align: center; margin-top: 5px; display: inline-block; width: 95px; height: 30px;}
#404not img{margin:0 auto; width:100%}
.centro {margin: 0 auto; width:45%}
.centro a {display:inline-block; width:80px;}

.portfolio_sanit ul {width:66%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 20px 60px 0; width:320px; height:550px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:480px;}

#cabezote img{margin: 0 auto; display: block; width:50%;}
}

@media only screen and (min-width:768px) and (max-width:959px){/* ================= Logo and Main menu ================= */.logo{display:block; float:none; width:100%}
.main-menu{margin:0 0 30px 0; float:left}

#imagenmisi{width:100%; margin:0 auto; max-width:400px;}

.portfolio_sanit ul {width:85%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 20px 60px 0; width:310px; height:550px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:480px;}

#cabezote img{margin: 0 auto; display: block; width:100%;}

#404not{margin:0 auto; width:100%}

#404not img{margin:0 auto; width:100%}
.footer_bottom .menu{float:right}
#subcateg a{padding: 10px 8px; text-align: center; margin-top: 5px; display: inline-block; width: 95px; height: 20px;}

.footer_bottom p{color:white; line-height:22px; font-size:11px; margin-top:-40px}
/* ================= Portfolio ================= */
.portfolio_a_a ul li{height:450px; float:left; width:230px}
.portfolio_a_a ul{width:100%; margin-bottom:0; margin:0 auto}
.portfolio_a_a ul li .image img{width:230px; height:400px}

.recent_works_arrows a.prev_item{position:absolute; margin-left:-760px; margin-top:80px; width:22px; height:22px; margin-right:8px; background:url("../images/portfolio_prev.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.next_item{position:absolute; margin-top:80px; margin-left:-30px; width:22px; height:22px; background:url("../images/portfolio_next.png") no-repeat top; z-index:99999}


.portfolio_1_4 ul, .portfolio_no_4 ul{width:768px}
.portfolio_1_4 ul li, .portfolio_no_4 ul li{height:320px}
.portfolio_1_4 ul li .image, .portfolio_no_4 ul li .image{width:160px; height:120px}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_no_4 ul li .image .portfolio_image{width:160px; height:120px}
.portfolio_1_4 ul li .title, .portfolio_no_4 ul li .title{font-size:14px}
.portfolio_1_4 ul li .title a, .portfolio_no_4 ul li .title a{font-size:14px}
.portfolio_1_3 ul{width:768px}

.portfolio_1_3 ul li .image .portfolio_image{width:240px; height:400px}
.portfolio_1_2{padding:0}
.portfolio_1_2 ul{width:768px}
.portfolio_1_2 ul li{width:364px; height:490px}
.portfolio_1_2 ul li .image{width:352px; height:275px}
.portfolio_1_2 ul li .image .portfolio_image{width:352px; height:275px}

.portfolio_1_2b{padding:0}
.portfolio_1_2b ul{width:768px}
.portfolio_1_2b ul li{width:364px; height:490px}
.portfolio_1_2b ul li .image{width:300px; height:500px}
.portfolio_1_2b ul li .image .portfolio_image{width:352px; height:275px; margin:0 auto}
/* ================= Recent Works on Homepage ================= */
.recent_works{width:748px !important}
.recent_works ul li{width:241px !important; height:130px !important}
.recent_works ul li .recent_image{width:230px; height:120px}
.recent_works ul li .recent_image .portfolio_image{width:230px; height:120px}

.texto{width:100%; margin:80px auto}

/* ================= Container and Columns ================= */
.contenetor{width:748px}
.container{width:748px}
.col_1_2{width:364px}
.col_1_3{width:236px}
.col_2_3{width:100%}
.col_1_4{width:172px}
.col_1_5{width:100%}
.col_3_4{width:556px}
.content .col_1_2{width:239px; margin:0 10px 0 0}
.content .col_1_3{width:156px; margin:0 10px 0 0}
.content .col_2_3{width:322px; margin:0 10px 0 0}
.content .col_1_4{width:114px; margin:0 10px 0 0}
.content .col_1_5{width:89px; margin:0 10px 0 0}
.content .col_3_4{width:362px; margin:0 10px 0 0}
.centro {margin: 0 auto; width:65%}
.centro a {display:inline-block; width:90px;}
/* ================= Home Page ================= */
.homepage_widgets .col_1_3{width:226px; margin:40px 10px 0 10px}
.homepage_widgets .col_1_3.last{width:226px; margin:40px 0 0 10px}
.homepage_widgets .col_1_3.first{width:226px; margin:40px 10px 0 10px}
.homepage_widgets .widget_newsletter .button_big span{width:145px}
.homepage_widgets .widget_body .image{width:60px; margin:7px auto 5px auto; position:relative; float:none}
.homepage_widgets .widget_body .text{width:200px; margin-left:0; float:none}
.follow_us_box a.twitter{float:left}
.follow_us_box a.facebook{float:left; margin-left:5px}
.recent_post_slider .slides_container{width:190px; display:none}
.recent_post_slider .slides_container div.slide{width:190px; display:block}
img.liquid{width:100%}
.features .title h3{font-size:15px}
.features .title h4{font-size:16px}
/* ================= Footer ================= */
.footer .col_1_3{width:226px; margin:40px 10px 0 10px}
.footer .col_1_3.last{width:226px; margin:40px 10px 0 10px}
.footer .flickr ul{margin-right:-5px}
.footer .flickr ul li{padding:0; margin:0 5px 5px 0; float:left}
.footer .flickr ul li a{border:4px solid #202020; display:block; width:64px; height:64px}
.footer .flickr ul li a img{width:64px; height:64px}
}

/* ================= Mobile (Portrait) <767px ================= */
@media only screen and (max-width:767px){/* ================= Logo and Main menu ================= */.logo{display:block; float:none; text-align:center; width:100%}

.portfolio_sanit ul {width:97%;margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 20px 60px 0; width:310px; height:550px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:480px;}

#cabezote img{margin: 0 auto; display: block; width:100%;}

.portfolio_a_a ul{width:100%; margin-bottom:0; margin:0 auto}
.portfolio_a_a ul li{height:370px; float:left; width:220px}
.portfolio_a_a ul li .image img{width:220px; height:330px}

#subcateg a{font-size: 12px; padding: 10px 8px; text-align: center; margin-top: 5px; display: inline-block; width: 95px; height: 40px;}
#404not{margin:0 auto; width:100%}
#404not img{margin:0 auto; width:100%}
#grande{padding: -15px 15px; margin: 13px -50px; text-align:center; color:#FFF; font-family:Arial Narrow; font-size:26px;}

.recent_works_arrows a.prev_item{position:absolute; margin-left:-520px; margin-top:180px; width:22px; height:22px; margin-right:8px; background:url("../images/portfolio_prev.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.next_item{position:absolute; margin-top:180px; margin-left:-30px; width:22px; height:22px; background:url("../images/portfolio_next.png") no-repeat top; z-index:99999}

.portfolio_1_4 ul, .portfolio_no_4 ul{width:70%; margin-bottom:0; margin:0 auto}
.header_bg{height:auto}
.main-menu{margin:0 0 30px 0; float:left; width:100%}
.main-menu ul{position:static !important; padding:0 !important}
.main-menu li{box-shadow:none !important; border:0 !important; border-top:1px solid #d9d9d9 !important; display:block !important; float:none !important; margin:0 !important}
.main-menu li.submenu >a{cursor:pointer}
.main-menu li a{padding:0 16px; line-height:33px; height:40px}
.main-menu li ul li a{padding-left:32px !important}
.main-menu li ul li ul li a{padding-left:48px !important}
.main-menu li.submenu >a{padding-right:20px; background:url(../images/arrow_320.png) no-repeat right}
.main-menu li ul li.submenu >a{padding-right:10px; background:url(../images/arrow_320.png) no-repeat right}
.main-menu li ul li.submenu >a:hover{padding-right:10px; background:#f5f5f5 url(../images/arrow_320.png) no-repeat right}
.main-menu li.submenu >a{padding-right:20px; background:url(../images/arrow_320.png) no-repeat right}
.main-menu li ul{display:none !important}
.main-menu li:hover >ul{display:block !important}


.texto{width:100%; margin:80px auto}

/* ================= Portfolio ================= */
.portfolio_1_4, .portfolio_1_3, .portfolio_1_2{margin:0}
.portfolio_1_3 ul,{width:300px}
.portfolio_1_2 ul{width:300px; margin:0 auto}
.portfolio_1_4 ul,{width:150px; margin:0 auto}
.portfolio_1_3 ul li{margin:0 auto; width:320px; height:500px}
.portfolio_1_2 ul li{margin:0 auto; width:290px}
.portfolio_1_3 ul li{margin:0 auto; height:500px}
.portfolio_1_3 ul{width:100%; margin:0 auto}

.portfolio_1_4 ul li,{margin:0 auto; width:320px; height:500px}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image{width:288px; height:425px}
.portfolio_1_2 ul li .image{width:288px; height:215px}

.portfolio_1_3 ul li .image img{width:310px; height:425px}

.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image{width:288px; height:425px}
.portfolio_1_2 ul li .image .portfolio_image{width:288px; height:215px}

.portfolio_nav{float:left; margin:10px 0 10px 0}
/* ================= Recent Works on Homepage ================= */
.recent_works{width:300px !important}
.recent_works ul li{width:280px !important; height:150px !important}
.recent_works ul li .recent_image{width:268px}
.recent_works ul li .recent_image .portfolio_image{width:268px}
/* ================= Portfolio Filter ================= */
.filter{float:none}
.filter{padding:0; margin:0}
.filter ul{margin:0; position:static !important; width:100%}
.filter ul li{display:block !important; float:none !important; margin:0 !important}
.filter ul li a{width:100%; border-bottom:1px dotted #ccc; margin:0 0 10px 0; padding:0 !important}
.filter li.separator{display:none !important}
/* ================= Container and Columns ================= */
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3{float:none; margin-right:0}
.container, .contenetor, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3{width:300px}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3{width:300px}
#imagenmisi{width:90%; margin:0 auto}

#titulo_img h1 img{width:100%;margin:0 auto;}
.portfolio_1_2b{padding:0}
.portfolio_1_2b ul{width:768px}
.portfolio_1_2b ul li{width:300px;float:none}
.portfolio_1_2b ul li .image{width:300px; height:500px}
.portfolio_1_2b ul li .image .portfolio_image{width:352px; height:275px; margin:0 auto}


/* ================= HomePage ================= */
.homepage_widgets .col_1_3{width:280px; float:none; margin:40px auto 0 auto}
.footer .col_1_3{width:280px; float:none; margin:40px auto 0 auto}
.homepage_widgets .col_1_3.last{width:280px; float:none; margin:40px auto 0 auto}
.homepage_widgets .col_1_3.first{width:280px; float:none; margin:40px auto 0 auto}
.footer .col_1_3.last{width:280px; float:none; margin:40px auto 0 auto}
.footer_bottom .col_2_3{float:none; margin:40px auto 0 auto}
.footer_bottom .col_1_3{width:280px; float:none; margin:40px auto 0 auto}
.follow_us_box a.twitter{float:left}
.follow_us_box a.facebook{float:left; margin-left:5px}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width:440px) and (max-width:767px){/* ================= Logo and Main menu ================= */.logo{display:block; float:none; width:100%}
.main-menu{margin:0 0 30px 0; float:left}
.footer_bottom p, .footer_bottom p a{color:white; line-height:22px; font-size:11px; margin-top:-20px; width:100%; text-align:center}
.footer_bottom .menu{width:300px; margin:0 auto; float:none}

.portfolio_sanit ul {margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin: 0 10px 20px 0;
width: 228px;
height: 400px;
float: left;}
.portfolio_sanit ul li .image img{width:200px; height:300px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

#cabezote img{margin: 0 auto; display: block; width:100%;}

.texto{width:100%; margin:80px auto}

#grande{padding: -15px 15px; margin: 13px -50px; text-align:center; color:#FFF; font-family:Arial Narrow; font-size:30px;}

/* ================= Portfolio ================= */
.portfolio_1_4, .portfolio_1_3, .portfolio_1_2{margin:0}

.portfolio_1_4 ul, .portfolio_no_4 ul{width:80%; margin:0 auto}

.portfolio_1_3 ul li,{margin:0 0 60px 0; height:436px}
.portfolio_1_2 ul li{width:300px; height:480px}

.recent_works_arrows a.prev_item{position:absolute; margin-left:-650px; margin-top:180px; width:22px; height:22px; margin-right:8px; background:url("../images/portfolio_prev.png") no-repeat top; z-index:9999;}
.recent_works_arrows a.next_item{position:absolute; margin-top:180px; margin-left:-30px; width:22px; height:22px; background:url("../images/portfolio_next.png") no-repeat top; z-index:99999}

.portfolio_1_4 ul li, .portfolio_no_4 ul li{width:220px; height:324px; float:left}
.portfolio_1_4 ul li .image, .portfolio_no_4 ul li .image{width:260px; height:380px}
.portfolio_1_3 ul li .image{width:260px}

.portfolio_1_2 ul li .image{height:200px; margin:0 auto}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_no_4 ul li .image .portfolio_image{width:260px; height:380px}
.portfolio_1_2 ul li .image .portfolio_image{height:200px}
/* ================= Recent Works on Homepage ================= */
.recent_works{width:420px !important; margin: 0 auto;}
.recent_works ul li{width:400px !important; height:200px !important; margin:0 0 60px 0}
.recent_works ul li .recent_image{width:388px; height:190px}
.recent_works ul li .recent_image .portfolio_image{width:388px; height:190px}
/* ================= Container and Columns ================= */
.companies .cbody{width:420px; margin:0 auto}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3{float:none; margin-right:0}
.container, .contenetor, .col_1_2, .col_1_3, .col_1_4, .col_3_4, .col_2_3{width:83%}

.container, contenetor, .col_1_5{width:90%; margin:0 auto}
.centro {margin: 0 auto; width:110%}
.centro a {display:inline-block; width:90px;}

.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3{width:420px}

/* ================= Homepage ================= */
.homepage_widgets .col_1_3{width:280px; margin:40px 0 0 0; float:none; margin:40px auto 0 auto}
.homepage_widgets .col_1_3.last{width:280px; margin:40px 0 0 0; float:none; margin:40px auto 0 auto}
/* ================= Footer ================= */
.footer .col_1_3{width:420px; margin:40px 0 0 0; float:none; margin:40px auto 0 auto}
.footer .col_1_3.last{width:420px; float:none; margin:40px auto 0 auto}
.footer_bottom .col_2_3{float:none; margin:40px auto 0 auto}
.footer_bottom .col_1_3{width:420px; float:none; margin:40px auto 0 auto}

#titulo_img h1 img{width:100%;margin:0 auto;}
.portfolio_1_2b ul li .image .portfolio_image{height:200px}
.portfolio_1_2b ul li .image{height:200px; margin:0 auto}
.portfolio_1_2b ul li{width:300px; height:480px}
}

/* ================= Mobile (Portrait) <320px ================= */
@media only screen and (max-width:311px){/* ================= Container and Columns ================= */.col_1_2,.col_1_3,.col_1_4,.col_1_5,.col_3_4,.col_2_3{float:none; margin:0}
.container, contenetor, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3{width:226px}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3{width:226px}
.texto{width:100%; float:right; margin-top:50px}

.portfolio_sanit ul {margin-bottom: 0;margin: 0 auto;}
.portfolio_sanit ul li{margin:0 10px 20px 0; width:240px; height:400px; float:left}
.portfolio_sanit ul li .image img{width:300px; height:500px; padding:5px; border:1px solid #ccc; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.1s ease-in-out}

#grande{padding: -15px 15px; margin: 13px -50px; text-align:center; color:#FFF; font-family:Arial Narrow;font-size:10px;}

.portfolio_1_2b ul li{margin:0 0 60px 0; width:226px; height:422px}
.portfolio_1_2b ul li .image{width:214px; height:150px}
.portfolio_1_2b ul li .image .portfolio_image{width:214px; height:150px}
#titulo_img h1 img{width:50%; margin:0 auto}

/* =================  Portfolio ================= */
.portfolio_1_4, .portfolio_1_3, .portfolio_1_2{margin:0}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul, .portfolio_no_4 ul{width:226px}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_no_4 ul li{margin:0 0 60px 0; width:226px; height:312px}

.portfolio_1_2 ul li{margin:0 0 60px 0; width:226px; height:422px}
.portfolio_1_3 ul li{margin:0 0 60px 0; width:220px; height:335px}

.portfolio_1_4 ul li .image, .portfolio_no_4 ul li .image{width:214px; height:300px}
.portfolio_1_3 ul li .image{width:96%; height:320px}
.portfolio_1_2 ul li .image{width:214px; height:150px}
.portfolio_1_3 ul li .image img{width:100%; height:325px}

.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_no_4 ul li .image .portfolio_image{width:214px; height:300px}
.portfolio_1_2 ul li .image .portfolio_image{width:214px; height:150px}
/* ================= Recent Works on Homepage ================= */
.recent_works{width:226px !important}
.recent_works ul li{width:206px !important; height:110px !important}
.recent_works ul li .recent_image{width:194px; height:100px}
.recent_works ul li .recent_image .portfolio_image{width:194px; height:100px}

/* =================  Page Info ================= */
.page_info .text{float:none}
.page_info .search{float:none}
.page_info .search .inputText{width:90px}
/* =================  Logo ================= */
.logo img{width:100%}
/* =================  HomePage ================= */
.homepage_widgets .col_1_3{width:226px; margin:40px auto 0 auto; padding:0}
.footer .col_1_3{width:226px; margin:40px auto 0 auto}
.footer_bottom .col_1_3{width:226px; margin:40px auto 0 auto}
.footer_bottom .col_2_3{width:226px; margin:40px auto 0 auto}
.footer_bottom .menu ul li {float: left; position: relative; display: block; margin: 0 7px 0 0; padding: 0; list-style: none; z-index: 9999;}
.homepage_widgets .col_1_3.last{width:226px; margin:40px auto 0 auto; padding:0}
.homepage_widgets .col_1_3.first{width:226px; margin:40px auto 0 auto; padding:0}
.homepage_widgets .widget_body .image{width:60px; margin:7px auto 5px auto; position:relative; float:none}
.homepage_widgets .widget_body .text{width:200px; margin-left:0; float:none}
.homepage_widgets .widget_newsletter .button_big span{width:145px}
.recent_post_slider .slides_container{width:190px; display:none}
.recent_post_slider .slides_container div.slide{width:190px; display:block}
.follow_us_box a.twitter{float:left; font-size:15px}
.follow_us_box a.facebook{float:left; margin-left:5px; font-size:15px}
img.liquid{width:100%}
.features .title h3{font-size:17px}
.features .title h4{font-size:16px}
/* =================  Footer ================= */
.footer .col_1_3.last{width:226px; margin:40px auto 0 auto}
.footer_bottom .col_1_3.last{width:226px; margin:40px auto 0 auto}
.footer_bottom .col_2_3.last{width:226px; margin:40px auto 0 auto}
.footer .flickr ul{margin-right:-5px}
.footer .flickr ul li{padding:0; margin:0 5px 5px 0; float:left}
.footer .flickr ul li a{border:4px solid #202020; display:block; width:64px; height:64px}
.centro {margin: 0 auto; width:100%}
.centro a {display:inline-block; width:60px;}
.footer .flickr ul li a img{width:64px; height:64px}
}
/* =================  Banner ================= */
.bannerbg{background:#f1f1f1; border-top:7px solid #B00; border-bottom:7px solid #B00; padding:25px 0; width:98%; margin:0 auto}
.bannerbg3{background:#f1f1f1; border-top:7px solid #B00; padding:25px 0; width:98%; margin:0 auto}
.bannerbg2{background:#f1f1f1; border-top:7px solid #B00; padding:50px 0; width:92%; margin:0 auto}
.container_videos{background:#f1f1f1; padding:10px 0; width:40%; margin:0 auto}
.MT0{margin-top:0px !important}
/* CSS3 buttons */

.big_link{color:#fff; font-size:18px; font-weight:bold; font-family:Helvetica,Arial,sans-serif}
/* =================  Social ================= */
.social-links{position:absolute; padding:0; margin:0; padding-top:18px}
.social-links li{display:inline; padding-right:5px; width:24px; height:26px}

ul.sidebarmenu li{font-size:12px !important}
ul.sidebarmenu li{padding:10px !important; line-height:25px !important; border-bottom:1px solid #f6f4e7}
ul.sidebarmenu li:hover{background:#f7f3e3}