@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('http://protesisdentaljc.com/template/assets/fonts/qlassik_tb-webfont.eot');
    src: url('http://protesisdentaljc.com/template/assets/fonts/qlassik_tb-webfont.eot#iefix') format('embedded-opentype'),
        url('http://protesisdentaljc.com/template/assets/fonts/qlassik_tb-webfont.woff') format('woff'),
        url('http://protesisdentaljc.com/template/assets/fonts/qlassik_tb-webfont.ttf') format('truetype'),
        url('http://protesisdentaljc.com/fonts/qlassik_tb-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Steelfish';
    src: url('fonts/steelfish_eb-webfont.eot');
    src: url('fonts/steelfish_eb-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/steelfish_eb-webfont.woff') format('woff'),
        url('http://protesisdentaljc.com/template/assets/fonts/steelfish_eb-webfont.svg#Steelfish') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Steelfish';
    src: url('fonts/steelfish_bd-webfont.eot');
    src: url('fonts/steelfish_bd-webfont.eot#iefix') format('embedded-opentype'),
        url('fonts/steelfish_bd-webfont.woff') format('woff'),
        url('http://protesisdentaljc.com/template/assets/fonts/steelfish_bd-webfont.svg#Steelfish') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* GENERAL ------------------------------------------------------------*/
body {
    background-color:#e8e8e8;
    color:#4a4a43;
    font-family:Georgia, Tahoma, "Trebuchet MS", Arial, sans-serif;
    font-size:14px;
    line-break:20px;
    background-image:url(../images/bg.png);
    background-repeat:repeat;
    -webkit-font-smoothing:antialiased

}
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td,ul,li {
    margin:0;padding:0

}
ul,li {
    list-style-type:none

}
.wrap {
    width:960px;
    margin-right:auto;
    margin-left:auto

}
p {
    margin-bottom:12px;
    line-height: 200%

}
dd {
    margin-bottom:20px;
    line-height: 200%

}
a {
    text-decoration:none;
    outline:0;
    color:#bd3b13

}
a:hover {
    text-decoration:none;
    color:#333

}
a:focus {
    outline:none

}
.note {
    background-color:#BD3B13;
    display:inline-block;
    color:#FFF;
    box-shadow:3px 3px 0 0 rgba(0,0,0,0.2);
    font-weight:400;
    font-family:QlassikMediumRegular,Arial, Helvetica, sans-serif;
    padding:5px

}
.note2 {
    color:#bd3b13;

}
.left {
    float:left

}
.right {
    float:right

}
.text-left {
    text-align:left

}
.text-right {
    text-align:right

}
.text-center {
    text-align:center

}
hr {
    background-image:url(../images/hr.gif);
    background-repeat:repeat-x;
    background-position:center center;
    height:10px;
    border:0;
    margin-top:15px;
    margin-bottom:15px

}
.hr2 {
    background-image:url(http://protesisdentaljc.com/template/images/header-bg.png);
    background-repeat:repeat-x;
    background-position:0 center;
    height:10px;
    margin-top:20px;
    margin-bottom:20px

}
.image {
    border:2px solid #d2d2cb;
    background:#FFF;
    display:block;
    padding:1px

}
.image img {
    display:block;
    border:6px solid #f7f7f3

}
.margin-left {
    margin-left:15px

}
.margin-right {
    margin-right:15px

}
.clear {
    display:block;
    height:0;
    clear:both;
    visibility:hidden

}
.lists {
    margin-top:20px;
    list-style-type:none

}
.lists li {
    background:transparent url(../images/bullet-3.png) 0 0 no-repeat;
    padding-left:25px;
    margin-top: 15px

}
#header {
    margin-top:50px;
    position:relative;
    background-image:url(../images/header_bg.png);
    background-repeat:repeat-x;
    height:64px;
    line-height:64px

}
#logo {
    float:left;
    margin-top:7px

}


h1,h2,h3,h4,h5,h6 {
    margin-bottom:20px;
    color:#4a4a43;
    font-weight:800;
    line-height:1.1;
    font-family:Steelfish, "helvetica neue", helvetica, arial, sans-serif;
    letter-spacing:.07em;
    text-transform:uppercase;
    text-shadow:1px 1px 0 #eeeedd, 2px 2px 0 #cacaca

}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-weight:inherit

}
h1 {
    font-size:46px

}
h2 {
    font-size:86px

}
h3 {
    font-size:38px

}
h4 {
    font-size:30px;
    margin-top:20px;

}
h4 span {
    color:#bd3b13;
    font-size:24px;
    text-shadow:none;
    font-weight:400

}
h5 {
    font-size:24px;
    color:#bd3b13;
    margin-bottom:12px;
    font-weight:400;
    letter-spacing:.04em;
    text-shadow:0 1px 0 #fff;

}
h6 {
    font-size:18px

}

.header-wrap {
    background:url(http://protesisdentaljc.com/template/images/header-bg.png) 0 50% repeat-x;
    text-align:center;
    margin:0 auto 50px

}
.header-wrap h1,.header-wrap h3 {
    display:inline;
    background:url(../images/bg.png);
    text-shadow:1px 1px 0 #eeeedd, 2px 2px 0 #cacaca;
    padding:0 20px

}
.modTagline {
    margin-bottom:40px;
    margin-top:40px;
    text-align:center

}
.modTagline h2 {
    text-shadow:1px 1px 0 #f8f8ef, 2px 4px 0 #cdcdcd

}
.modTagline h2 span {
    font-size:42px;
    font-family:arial, helvetica, sans-serif;
    font-weight:700;
    display:inline-block;
    position:relative;
    top:-20px

}
.modTagline p {
    font-style:oblique;
    font-size:18px;
    line-height:1.3em;
    width:70%;
    margin:0 auto

}

#sidebar {
    position: relative;
    width: 320px;
    margin-right: 20px;
    margin-bottom: 40px;
    float: right;
    font-size: 14px;
    color: rgb(68, 68, 68);
}
#sidebar li {
    display: block;
}
#sidebar .block .sidebar-top {
    background: url("../images/sidebar-top.png") no-repeat scroll 0% 0% transparent;
    width: 100%;
    height: 38px;
}
#sidebar .heading {
    border-bottom: 1px solid rgb(136, 136, 136);
    margin-bottom: 20px;
    text-align: center;
}
#sidebar .block .sidebar-content {
    background: url("../images/sidebar.png") repeat-y scroll 0% 0% transparent;
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: -20px
}

#sidebar .block .sidebar-bottom {
    background: url("../images/sidebar-bottom.png") no-repeat scroll 0% 0% transparent;
    width: 100%;
    height: 38px;
}
#sidebar .ads {
    margin: 0px auto;
}


/* == Tabla == */

th, td {
    padding: .65em

}

th, thead {
    background: #46a0aa;
    color: #fff

}

tr:nth-child(odd) {
    background: #ccc

}

tr:hover {
    background: #aaa

}

td {
    border-right: 1px solid #777

}

table {
    border: 1px solid #fff;
    width:100%

}


/* == Menu Navegacion == */
#menuwrap {
    float:right;
    background-color:transparent;
    background-image:none

}
#menu {
    position:relative

}
#menu ul {
    background-image:none;
    list-style-type:none;
    margin:0;
    padding:3px 0 0

}
#menu li {
    border:1px solid transparent;
    float:left;
    list-style-type:none;
    text-shadow:none;
    margin:0 0 0 10px;
    padding:0

}
#menu ul li a {
    color:#FFF;
    line-height:38px;
    text-transform:uppercase;
    font-family:Steelfish, "helvetica neue", helvetica, arial, sans-serif;
    letter-spacing:.05em;
    font-size:24px;
    padding:0 5px

}
#menu ul li a:hover,#menu ul li a.active {
    background:#842002;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    border-top:1px solid #6e1b02;
    border-left:1px solid #6e1b02;
    -webkit-box-shadow:1px 1px 0 0 #ca6243;
    -moz-box-shadow:1px 1px 0 0 #ca6243;
    box-shadow:1px 1px 0 0 #ca6243;
    margin-top:-1px;
    margin-left:-1px

}
#menu .sub-wrapper {
    background:url(../images/subnav.png) 20px 7px no-repeat;
    position:absolute;
    top:45px;
    z-index:9999;
    display:none;
    padding:19px 0 0

}
#menu ul.submenu {
    background:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:4px 4px 0 0 rgba(94,94,94,0.2);
    -moz-box-shadow:4px 4px 0 0 rgba(94,94,94,0.2);
    box-shadow:4px 4px 0 0 rgba(94,94,94,0.2);
    padding:8px 30px 8px 15px

}
#menu ul.submenu li {
    display:block;
    float:none

}
#menu ul.submenu li a {
    display:block;
    color:#4a4a43;
    font-size:16px;
    font-style:italic;
    white-space:nowrap;
    line-height:20px;
    font-family:Georgia, Tahoma, "Trebuchet MS", Arial, sans-serif;
    text-transform:none;
    padding:7px 0

}
#menu ul.submenu li a:hover {
    color:#bd3b13;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    border-top:0;
    border-left:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    margin-top:0;
    margin-left:0;
    background:transparent

}
#menu ul li:hover .sub-wrapper {
    display:block

}

#content{
    width: 960px;
    margin-right: auto;
    margin-top: 40px;
    margin-left:auto;
}
.infobox{
    background-color: rgba(155, 155, 143, 0.1);
    padding: 30px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow:0 1px 1px rgba(0,0,0,0.2)
}
.box{
    border-radius:4px;
    background-image:url(http://protesisdentaljc.com/template/images/trans2.png);
    background-repeat:repeat;
    padding:6px ;
    -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
}
.box-inner{
    border-radius:2px;
    border:solid 1px #fff;
    background:#fff;
    -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;
    -moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;
    box-shadow:0 0 0 1px rgba(0,0,0,0.1), inset 0 0 15px 0 #eee;
    padding:5px
}

.product-box{
    margin-left:630px
}
.product-box p{
    line-height:25px
}

.featured{
    margin-top:30px
}
.featured img{
    float:left;
    margin-right:10px
}
#slider{
    background:none;
    width:960px;
    height:300px;
    margin:40px auto
}
#slide-container{
    width:960px;
    height:300px;
    position:relative;
    margin:0 auto
}
#slide-container .wrap{
    height:300px
}
.pic{
    width:590px;
    height:300px;
    float:left;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border:1px solid #dfdfdf;
    background:#fff;
    -webkit-box-shadow:4px 4px 0 -1px rgba(196,196,196,0.4);
    -moz-box-shadow:4px 4px 0 -1px rgba(196,196,196,0.4);
    box-shadow:4px 4px 0 -1px rgba(196,196,196,0.4);
    padding:5px
}
.description{
    width:325px;
    height:300px;
    overflow:hidden;
    float:left;
    margin-left:20px;
    text-shadow:0 1px 0 rgba(0,0,0,0.05)
}
.description h2{
    font-size:35px
}
.description p{
    font-size:14px;
    line-height:22px;
    color:#444;
    margin-bottom:30px
}


.services{
    overflow:auto;
    margin:0 auto 60px
}
.services > ul > li{
    background:url(http://protesisdentaljc.com/template/images/service_item_bg.png) left top no-repeat;
    width:293px;
    height:258px;
    float:left;
    text-align:center;
    padding-top:35px;
    margin-right:40px;
    margin-bottom:50px
}
.services > ul > li.no-margin-right{
    margin-right:0
}
.services > ul > li p{
    margin-bottom:12px
}
.services h4{
    color:#bd3b13;
    margin-bottom:12px;
    font-weight:400;
    letter-spacing:.04em;
    text-shadow:none
}
.services.overlapped{
    width:819px
}
.services.overlapped > ul > li{
    margin-left:-30px;
    margin-bottom:0;
    margin-right:0
}
.services.overlapped > ul > li.no-margin-left{
    margin-left:0
}


.modGallery{
    margin:0 auto
}
.modGallery > ul.works > li{
    float:left;
    display:block;
    margin-right:30px;
    margin-bottom:15px
}
.modGallery > ul.works > li p{
    text-shadow:0 1px 0 #FFF
}
.modGallery > ul.works > li .image-wrapper{
    border:1px solid #d2d2cb;
    margin-bottom:10px;
    background:#FFF;
    width:296px;
    height:182px;
    padding:1px
}
.modGallery > ul.works > li .image-wrapper a.image{
    position:relative;
    border:6px solid #f7f7f3;
    background:#bd3b13;
    padding:0
}
.modGallery > ul.works > li .image-wrapper a.image img{
    border:none!important;
    max-width:284px;
    -webkit-transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -ms-transition:opacity .3s linear;
    -o-transition:opacity .3s linear;
    transition:opacity .3s linear
}
.modGallery > ul.works > li .image-wrapper a.image span{
    display:none;
    position:absolute;
    background:#000;
    color:#FFF;
    z-index:999;
    top:45%;
    left:32%;
    padding:3px 5px
}
.modGallery > ul.works > li .image-wrapper a:hover span{
    display:block
}
.modGallery > ul.works > li .image-wrapper a:hover img{
    opacity:0.4
}
.modGallery > ul.works > li .image-wrapper a:hover img:hover{
    opacity:0.4;
    filter:alpha(opacity=40)
}
.modGallery .last{
    margin-right:0!important
}


ul.pagi{
    list-style:none;
    display:block;
    overflow:hidden;
    position:absolute;
    right:270px;
    bottom:-15px;
    padding:0
}
ul.pagi li{
    float:left;padding:2px
}
ul.pagi li a{
    background-image:url(http://protesisdentaljc.com/template/images/bullets.png);
    background-repeat:no-repeat;
    width:14px;
    height:14px;
    background-position:0 0;
    display:block;
    text-indent:-99999px;
    outline:0
}
ul.pagi li a:hover,ul.pagi li.current a{
    background-image:url(http://protesisdentaljc.com/template/images/bullets.png);
    background-repeat:no-repeat;
    height:14px;
    width:14px;
    background-position:0 -14px
}

/* == Mensajes == */
.ok{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:2px 2px 2px #cfcfcf;
    -webkit-box-shadow:2px 2px 4px #cfcfcf;
    box-shadow:2px 2px 2px #cfcfcf;
    color:#444;
    font-size:13px;
    padding:8px 10px;
    border-top: 1px solid #edf7d0;
    border-bottom: 1px solid #b7e789;
    background: rgb(205,235,142);
    background:-moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(185,221,99,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(185,221,99,1)));
    background:-webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(185,221,99,1) 100%);
    background:-o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(185,221,99,1) 100%);
    background:-ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(185,221,99,1) 100%);
    background:linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(185,221,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#b9dd63',GradientType=0 );
}
.error{
    background-image:url(http://protesisdentaljc.com/template/images/error-bg.png);
    background-repeat:repeat-x;
    background-position:top;
    background-color:#F5D0CD;
    color:#8D0D0D;
    border:2px solid #900;
    -moz-border-radius:5px;
    border-radius:5px;
    list-style-type:none;
    margin-top:10px;
    padding:5px
}
.error span{
    background-image:url(http://protesisdentaljc.com/template/images/error-ico.png);
    background-repeat:no-repeat;
    background-position:5px center;
    display:inline-block;
    padding-right:10px;
    padding-left:30px;
    font-weight:700
}
.error li{
    background-image:url(http://protesisdentaljc.com/template/images/required.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:15px;
    margin-left:15px;
    list-style-type:none
}

#footer {
    width: 940px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    text-align: center;
    background-image: url(../images/hr.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 10px;
}