/* Created by Artisteer v4.0.0.58475 */

@CHARSET "utf-8";
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
* {
    margin: 0;
    color: 000000;
}

#art-main {
    background-image: url("images/fondoCampus.jpg");
    background-origin: padding-box, padding-box;
    background-position: 50% 0%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto auto, auto auto;
    background-attachment: fixed, fixed !important;
    margin: 0 auto;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

table,
ul.art-hmenu {
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}


/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */

.art-button {
    border-collapse: separate;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #0E2143;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    border: 0px;
    padding: 3px 10px;
    margin: 0 auto;
    margin-top: 20px;
    margin-right: 10px;
    height: 30px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a {
    text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered {
    font-family: Cabin, sans-serif;
    text-align: center;
    line-height: 175%;
}

.art-postcontent p {
    margin: 13px 0;
}

.art-postcontent h1,
.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:visited,
.art-postcontent h1 a:hover,
.art-postcontent h2,
.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:visited,
.art-postcontent h2 a:hover,
.art-postcontent h3,
.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:visited,
.art-postcontent h3 a:hover,
.art-postcontent h4,
.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:visited,
.art-postcontent h4 a:hover,
.art-postcontent h5,
.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:visited,
.art-postcontent h5 a:hover,
.art-postcontent h6,
.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:visited,
.art-postcontent h6 a:hover,
.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover,
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover,
.art-headline,
.art-headline a,
.art-headline a:link,
.art-headline a:visited,
.art-headline a:hover,
.art-slogan,
.art-slogan a,
.art-slogan a:link,
.art-slogan a:visited,
.art-slogan a:hover,
.art-postheader,
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a:hover {
    font-size: 22px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 120%;
}

.art-postcontent a,
.art-postcontent a:link {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    color: #FDBC9B;
}

.art-postcontent a:visited,
.art-postcontent a.visited {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    color: #D2DBE4;
}

.art-postcontent a:hover,
.art-postcontent a.hover {
    font-family: Cabin, sans-serif;
    text-decoration: underline;
    color: #FED0B9;
}

.art-postcontent h1 {
    color: #C4CCD4;
    margin: 10px 0 0;
    font-size: 26px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h1 {
    margin: 10px 0 0;
    font-size: 26px;
    font-family: Cabin, sans-serif;
    color: white;
}

.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:hover,
.art-postcontent h1 a:visited,
.art-blockcontent h1 a,
.art-blockcontent h1 a:link,
.art-blockcontent h1 a:hover,
.art-blockcontent h1 a:visited {
    font-size: 26px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h2 {
    color: #D6DBE1;
    margin: 10px 0 0;
    font-size: 22px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h2 {
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:hover,
.art-postcontent h2 a:visited,
.art-blockcontent h2 a,
.art-blockcontent h2 a:link,
.art-blockcontent h2 a:hover,
.art-blockcontent h2 a:visited {
    font-size: 18px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h3 {
    color: #C4CCD4;
    margin: 10px 0 0;
    font-size: 20px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h3 {
    margin: 10px 0 0;
    font-size: 16px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:hover,
.art-postcontent h3 a:visited,
.art-blockcontent h3 a,
.art-blockcontent h3 a:link,
.art-blockcontent h3 a:hover,
.art-blockcontent h3 a:visited {
    font-size: 20px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h4 {
    color: #EFF2F5;
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h4 {
    margin: 10px 0 0;
    font-size: 18px;
    font-family: Cabin, sans-serif;
    text-align: center;
}

.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:hover,
.art-postcontent h4 a:visited,
.art-blockcontent h4 a,
.art-blockcontent h4 a:link,
.art-blockcontent h4 a:hover,
.art-blockcontent h4 a:visited {
    font-size: 18px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h5 {
    color: #EFF2F5;
    margin: 10px 0 0;
    font-size: 15px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h5 {
    margin: 10px 0 0;
    font-size: 15px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:hover,
.art-postcontent h5 a:visited,
.art-blockcontent h5 a,
.art-blockcontent h5 a:link,
.art-blockcontent h5 a:hover,
.art-blockcontent h5 a:visited {
    font-size: 15px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h6 {
    color: #E9EDF2;
    margin: 10px 0 0;
    font-size: 13px;
    font-family: Cabin, sans-serif;
}

.art-blockcontent h6 {
    margin: 10px 0 0;
    font-size: 13px;
    font-family: Cabin, sans-serif;
}

.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:hover,
.art-postcontent h6 a:visited,
.art-blockcontent h6 a,
.art-blockcontent h6 a:link,
.art-blockcontent h6 a:hover,
.art-blockcontent h6 a:visited {
    font-size: 13px;
    font-family: Cabin, sans-serif;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-hmenu a,
.art-vmenu a,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html,
body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    /*	min-width: 1000px; */
    color: #D6DEE6;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.cleared {
    font: 0/0 serif;
    clear: both;
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1,
.art-postcontent li h1,
.art-blockcontent li h1 {
    margin: 1px;
}

li h2,
.art-postcontent li h2,
.art-blockcontent li h2 {
    margin: 1px;
}

li h3,
.art-postcontent li h3,
.art-blockcontent li h3 {
    margin: 1px;
}

li h4,
.art-postcontent li h4,
.art-blockcontent li h4 {
    margin: 1px;
}

li h5,
.art-postcontent li h5,
.art-blockcontent li h5 {
    margin: 1px;
}

li h6,
.art-postcontent li h6,
.art-blockcontent li h6 {
    margin: 1px;
}

li p,
.art-postcontent li p,
.art-blockcontent li p {
    margin: 1px;
}

.art-shapes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.art-slidenavigator>a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: 1px;
}

.art-slidenavigator>a:last-child {
    margin-right: 0 !important;
}

.art-slogan {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 75px;
    left: 11.6%;
    line-height: 100%;
    margin-left: -22px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 99;
    white-space: nowrap;
}

.art-slogan,
.art-slogan a,
.art-slogan a:link,
.art-slogan a:visited,
.art-slogan a:hover {
    font-size: 16px;
    font-family: Cabin, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 0px 0px rgb(23, 23, 23), 1px 0px 0px rgb(23, 23, 23), 0px -1px 0px rgb(23, 23, 23), 0px 1px 0px rgb(23, 23, 23), 0px 0px 10px rgba(0, 0, 0, 0.99);
    padding: 0;
    margin: 0;
    color: #C2C2C2 !important;
}

.art-sheet {
    margin: 0 auto;
    position: relative;
    cursor: auto;
    max-width: 1000px;
    z-index: auto !important;
}

.art-header,
.responsive .art-header {
    margin: 0 auto;
    height: 150px;
    background-image: url('images/object1383198648.png'), url('images/object79697649.png'), url('images/header.png');
    background-position: 797px -31px, 16px 29px, 0 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: auto !important;
}

.art-header>.widget {
    position: absolute;
    z-index: 101;
}

.art-nav {
    background: #454545 url('images/nav.png') scroll;
    background: -moz-linear-gradient(top, rgba(111, 111, 111, 0.2) 0, rgba(27, 27, 27, 0.12) 100%) no-repeat, url('images/nav.png'), -moz-linear-gradient(top, #616161 0, #292929 100%) no-repeat;
    border-bottom: 1px solid #A3B4C8;
    padding: 3px 3px 0;
    z-index: 100;
    font-size: 0;
    position: absolute;
    margin: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
}

ul.art-hmenu a,
ul.art-hmenu a:link,
ul.art-hmenu a:visited,
ul.art-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.art-hmenu,
ul.art-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

ul.art-hmenu li {
    position: relative;
    z-index: 5;
    display: block;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
}

ul.art-hmenu li:hover {
    z-index: 10000;
    white-space: normal;
}

ul.art-hmenu:after,
ul.art-hmenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

ul.art-hmenu,
ul.art-hmenu ul {
    min-height: 0;
}

ul.art-hmenu {
    display: inline-block;
    vertical-align: bottom;
}

.art-nav:before {
    content: ' ';
}

.art-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu {
    float: left;
}

.art-menuitemcontainer {
    margin: 0 auto;
}

ul.art-hmenu>li {
    margin-left: 7px;
}

ul.art-hmenu>li:first-child {
    margin-left: 3px;
}

ul.art-hmenu>li:last-child,
ul.art-hmenu>li.last-child {
    margin-right: 3px;
}

ul.art-hmenu>li>a {
    background: #3F5369 url('images/menuitem.png') scroll;
    background: -moz-linear-gradient(top, rgba(92, 122, 154, 0.2) 0, rgba(32, 42, 53, 0.11) 100%) no-repeat, url('images/menuitem.png'), -moz-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #4D91CF;
    border-bottom: none;
    padding: 0 22px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 27px;
    cursor: pointer;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 27px;
    text-align: center;
}

.art-hmenu a,
.art-hmenu a:link,
.art-hmenu a:visited,
.art-hmenu a.active,
.art-hmenu a:hover {
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
}

ul.art-hmenu>li>a.active {
    background: #FA681E url('images/menuactiveitem.png') scroll;
    background: -moz-linear-gradient(top, rgba(252, 154, 105, 0.21) 0, rgba(237, 82, 5, 0.08) 75%, rgba(200, 69, 4, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -moz-linear-gradient(top, #FB8950 0, #FA5705 75%, #E14E05 100%) no-repeat;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #D74B04;
    border-bottom: none;
    padding: 0 22px;
    margin: 0 auto;
    color: #FFF5F0;
    padding-bottom: 1px;
    margin-bottom: -1px;
    text-decoration: none;
}

ul.art-hmenu>li>a:visited,
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li:hover>a {
    text-decoration: none;
}

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    background: #FA681E url('images/menuhovereditem.png') scroll;
    background: -moz-linear-gradient(top, rgba(252, 154, 105, 0.21) 0, rgba(237, 82, 5, 0.08) 75%, rgba(200, 69, 4, 0.1) 100%) no-repeat, url('images/menuhovereditem.png'), -moz-linear-gradient(top, #FB8950 0, #FA5705 75%, #E14E05 100%) no-repeat;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 1px solid #D74B04;
    border-bottom: none;
    padding: 0 22px;
    margin: 0 auto;
}

ul.art-hmenu>li>a:hover,
.desktop-nav ul.art-hmenu>li:hover>a {
    color: #FFF5F0;
    text-decoration: none;
}

ul.art-hmenu>li>a.active:hover {
    padding-bottom: 0;
    margin-bottom: 0;
}

ul.art-hmenu>li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: -7px;
    width: 7px;
    height: 27px;
    background: url('images/menuseparator.png') center center no-repeat;
}

ul.art-hmenu>li:first-child:before {
    display: none;
}

ul.art-hmenu li li a {
    background: #B9C2CB;
    background: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 8px;
    margin: 0 auto;
}

ul.art-hmenu li li {
    float: none;
    width: auto;
    margin-top: 1px;
    margin-bottom: 1px;
}

.desktop-nav ul.art-hmenu li li ul>li:first-child {
    margin-top: 0;
}

ul.art-hmenu li li ul>li:last-child {
    margin-bottom: 0;
}

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 25px;
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: 25px;
    color: #6A7D90;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    text-decoration: none;
    margin: 0;
}

.art-hmenu ul a:link,
.art-hmenu ul a:visited,
.art-hmenu ul a.active,
.art-hmenu ul a:hover {
    text-align: left;
    line-height: 25px;
    color: #6A7D90;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    text-decoration: none;
    margin: 0;
}

ul.art-hmenu ul li a:hover,
.desktop ul.art-hmenu ul li:hover>a {
    background: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    text-decoration: none;
}

.art-hmenu ul li a:hover {
    color: #F05305;
}

.desktop-nav .art-hmenu ul li:hover>a {
    color: #F05305;
}

ul.art-hmenu ul:before {
    background: #EFF2F5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #CFD8E2;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop-nav ul.art-hmenu li:hover>ul {
    visibility: visible;
    top: 100%;
}

.desktop-nav ul.art-hmenu li li:hover>ul {
    top: 0;
    left: 100%;
}

ul.art-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('images/spacer.gif');
}

.desktop-nav ul.art-hmenu>li>ul {
    padding: 12px 32px 32px 32px;
    margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul ul {
    padding: 32px 32px 32px 14px;
    margin: -32px 0 0 -9px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop-nav ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

.desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop-nav ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 32px 32px 32px 14px;
    margin: -32px 0 0 -9px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 32px 14px 32px 32px;
    margin: -32px -9px 0 0;
}

.desktop-nav ul.art-hmenu li ul>li:first-child {
    margin-top: 0;
}

.desktop-nav ul.art-hmenu li ul>li:last-child {
    margin-bottom: 0;
}

.desktop-nav ul.art-hmenu ul ul:before {
    border-radius: 2px;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 12px;
}

.desktop-nav ul.art-hmenu>li>ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 12px;
}

.desktop-nav ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: 12px;
    left: 30px;
}

.art-layout-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
    z-index: auto !important;
}

.art-content-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.art-content-layout-row {
    display: table-row;
}

.art-layout-cell {
    display: table-cell;
    vertical-align: top;
}

.art-layout-cell img,
.art-layout-cell p {
    vertical-align: middle;
}

.art-layout-cell p a {
    margin-left: 5px;
}

div.art-block img {
    border: 1px solid #9CAFC4;
    margin: 7px;
}

.art-blockheader {
    background: #303F50;
    background: -moz-linear-gradient(top, #0033A0 0, #0033A0 100%, #0033A0 90%, #0033A0 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #303F50;
    padding: 6px 3px;
    margin: 0 auto 2px;
    margin-top: 10px;
}

.art-blockheader2 {
    background: #303F50;
    background: -moz-linear-gradient(top, #174C9D 0, #174C9D 50%, #4D91CF 90%, #4D91CF 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #303F50;
    padding: 6px 3px;
    margin: 0 auto 2px;
    margin-top: 170px;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Cabin, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 5px;
}

.art-blockcontent {
    background: #FFFFFF;
    padding: 1px;
    margin: 0 auto;
    color: #000000;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
    margin-top: 180px;
}

.art-blockcontent2 {
    padding: 1px;
    margin: 0 auto;
    color: #000000;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
    /* 	margin-top: 160px; */
}

.art-blockcontent2 {
    padding: 3px;
    margin: 0 auto;
    color: #000000;
    font-size: 16px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
    margin-top: 16px;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover {
    color: #000000;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
}

.art-blockcontent p {
    margin: 0;
}

.art-blockcontent a,
.art-blockcontent a:link {
    color: #000000;
    font-family: Cabin, sans-serif;
}

.art-blockcontent a:visited,
.art-blockcontent a.visited {
    color: #A9BACB;
    font-family: Cabin, sans-serif;
    text-decoration: none;
}

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #FA5705;
    font-family: Cabin, sans-serif;
    text-decoration: none;
}

.art-block ul>li:before {
    content: url('images/blockbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -14px;
}

.opera .art-block ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li {
    font-size: 13px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
    color: #4E6883;
    margin: 5px 0 0 10px;
}

.art-block ul>li,
.art-block ol {
    padding: 0;
}

.art-block ul>li {
    padding-left: 14px;
}

.art-breadcrumbs {
    margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button {
    text-decoration: none;
    font-size: 23px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

select,
textarea {
    vertical-align: middle;
    font-size: 12px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #3D5166 !important;
}

.art-block select {
    width: 96%;
}

input.art-button {
    float: none;
}

.art-button.active,
.art-button.active:hover {
    background: #303F50;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    border: 3px solid #8A99A8;
    padding: 0 15px;
}

.art-button.active,
.art-button.active:hover {
    color: #FFFFFF !important;
}

.art-button.hover,
.art-button:hover {
    background: #9BCBEB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.35);
    border: 0px;
    padding: 3px 10px;
    margin: 0 auto;
    margin-right: 10px;
}

.art-button.hover,
.art-button:hover {
    color: #FFFFFF !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    background: #f7fefe;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #B9C2CB;
    margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    width: 100%;
    padding: 4px 0;
    color: #3D5166 !important;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

input.art-error,
textarea.art-error {
    background: #F9FAFB;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

input.art-error,
textarea.art-error {
    color: #3D5166 !important;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search input[type="text"] {
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCD6E0;
    margin: 0 auto;
    width: 100%;
    padding: 3px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #7D2B03 !important;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
}

form.art-search input {
    top: 0;
    right: 0;
}

form.art-search>input {
    bottom: 0;
    left: 0;
    vertical-align: middle;
}

form.art-search input[type="submit"] {
    margin: 0 auto;
    color: #FFFFFF !important;
    position: absolute;
    display: block;
    left: auto;
    border: none;
    background: url('images/searchicon.png') center center no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
}

label.art-checkbox:before {
    background: #F9FAFB;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

label.art-checkbox {
    cursor: pointer;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
}

.art-checkbox>input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
    background: #FC905A;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #D9DEE3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-radiobutton:before {
    background: #F9FAFB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.art-radiobutton {
    cursor: pointer;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
}

.art-radiobutton>input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
    background: #B9C2CB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #D9DEE3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.art-post {
    padding: 5px;
}

a img {
    border: 0;
}

.art-article img,
img.art-article,
.art-block img,
.art-footer img {
    margin: 7px 7px 7px 7px;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px;
}

.art-post .art-content-layout-br {
    height: 0;
}

.art-article th,
.art-article td {
    padding: 2px;
    border: dashed 1px #5A7796;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: 7px 7px 7px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper img {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper div.art-collage {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.image-caption-wrapper p {
    font-size: 80%;
    text-align: right;
    margin: 0;
}

.art-postmetadataheader {
    background: #C9D3DE;
    background: rgba(201, 211, 222, 0.6);
    border: 1px solid #9CAFC4;
    border-left: none;
    border-right: none;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-postheadericon:before {
    content: url('images/postheadericon.png');
    margin-right: 6px;
    bottom: 3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postheadericon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postheader {
    color: #263340;
    margin: 5px 10px;
    font-size: 24px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered {
    font-size: 24px;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.art-postheader a,
.art-postheader a:link {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    text-align: left;
    color: #BE4204;
}

.art-postheader a:visited,
.art-postheader a.visited {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    text-align: left;
    color: #3B4E63;
}

.art-postheader a:hover,
.art-postheader a.hovered {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    text-align: left;
    color: #BE4204;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {
    font-family: Cabin, sans-serif;
    color: #263340;
}

.art-postheadericons {
    display: inline-block;
    padding: 1px;
    margin: 0 0 0 10px;
}

.art-postheadericons a,
.art-postheadericons a:link {
    font-family: Cabin, sans-serif;
    text-decoration: none;
    color: #CD4704;
}

.art-postheadericons a:visited,
.art-postheadericons a.visited {
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #3F5369;
}

.art-postheadericons a:hover,
.art-postheadericons a.hover {
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    color: #A53903;
}

.art-postdateicon:before {
    content: url('images/postdateicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postdateicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('images/postauthoricon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postauthoricon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postpdficon:before {
    content: url('images/postpdficon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postpdficon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postprinticon:before {
    content: url('images/postprinticon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postprinticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postemailicon:before {
    content: url('images/postemailicon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postemailicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postediticon:before {
    content: url('images/postediticon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postediticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    content: url('images/postbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcontent ul>li:before,
.opera .art-post ul>li:before,
.opera .art-textblock ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    font-family: Cabin, sans-serif;
    color: #303F50;
    margin: 3px 0 0 11px;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li,
.art-postcontent ol,
.art-post ol,
.art-textblock ol {
    padding: 0;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    padding-left: 10px;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    margin-left: -10px;
}

.art-postcontent ol,
.art-post ol,
.art-textblock ol,
.art-postcontent ul,
.art-post ul,
.art-textblock ul {
    margin: 1em 0 1em 11px;
}

.art-postcontent li ol,
.art-post li ol,
.art-textblock li ol,
.art-postcontent li ul,
.art-post li ul,
.art-textblock li ul {
    margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 3px 0 0 0;
}

.art-postcontent ol>li,
.art-post ol>li,
.art-textblock ol>li {
    /* overrides overflow for "ul li" and sets the default value */
    overflow: visible;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    /* makes "ul li" not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
    padding: 10px 10px 10px 38px;
    margin: 10px 0 0 25px;
    color: #0D1216;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    /* makes block not to align behind the image if they are in the same line */
    overflow: auto;
    clear: both;
}

blockquote a,
.art-postcontent blockquote a,
.art-blockcontent blockquote a,
.art-footer blockquote a,
blockquote a:link,
.art-postcontent blockquote a:link,
.art-blockcontent blockquote a:link,
.art-footer blockquote a:link,
blockquote a:visited,
.art-postcontent blockquote a:visited,
.art-blockcontent blockquote a:visited,
.art-footer blockquote a:visited,
blockquote a:hover,
.art-postcontent blockquote a:hover,
.art-blockcontent blockquote a:hover,
.art-footer blockquote a:hover {
    color: #0D1216;
    font-family: Cabin, sans-serif;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}


/* Override native 'p' margins*/

blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p {
    margin: 0;
    margin: 5px 0;
}

.art-footer {
    border-top: 1px dotted #9CAFC4;
    padding-top: 25px;
    margin: 0px auto 0;
    position: relative;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
    text-align: center;
}

.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover,
.art-footer td,
.art-footer th,
.art-footer caption {
    color: #FFFFFF;
    font-size: 13px;
    font-family: Cabin, sans-serif;
    line-height: 175%;
}

.art-footer p {
    padding: 0;
    text-align: center;
}

.art-footer a,
.art-footer a:link {
    color: #FFFFFF;
    font-family: Cabin, sans-serif;
    text-decoration: none;
}

.art-footer a:visited {
    color: #FFFFFF;
    font-family: Cabin, sans-serif;
    text-decoration: none;
}

.art-footer a:hover {
    color: #5F3E4E;
    font-family: Cabin, sans-serif;
    text-decoration: underline;
}

.art-footer img {
    border: none;
    margin: 0;
}

.art-rss-tag-icon {
    background: url('images/footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 25px;
    min-width: 25px;
    display: inline-block;
    text-indent: 28px;
    background-position: left center;
}

.art-rss-tag-icon:empty {
    vertical-align: middle;
}

.art-footer ul>li:before {
    content: url('images/footerbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -13px;
}

.opera .art-footer ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-footer li {
    font-size: 13px;
    font-family: Cabin, sans-serif;
    color: #FEE1D2;
}

.art-footer ul>li,
.art-footer ol {
    padding: 0;
}

.art-footer ul>li {
    padding-left: 13px;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Cabin, sans-serif;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #C7CFD6;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #AFBFCF;
}

img.art-lightbox {
    cursor: pointer;
}

#art-lightbox-bg * {
    padding: 0;
    margin: 0;
}

div#art-lightbox-bg {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 9999;
}

img.art-lightbox-image {
    -webkit-transition: opacity 350ms ease-in-out;
    -moz-transition: opacity 350ms ease-in-out;
    -o-transition: opacity 350ms ease-in-out;
    -ms-transition: opacity 350ms ease-in-out;
    transition: opacity 350ms ease-in-out;
    cursor: pointer;
    z-index: 10000;
    position: fixed;
    border: 6px solid #fff;
    border-radius: 3px;
    opacity: 0;
    filter: alpha(opacity=0);
}

img.art-lightbox-image.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.lightbox-error {
    position: fixed;
    background: #fff;
    z-index: 100;
    opacity: 0.95;
    padding: 20px;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #333;
    width: 300px;
    height: 80px;
}

.loading {
    position: fixed;
    background: #fff url('images/preloader-01.gif') center center no-repeat;
    width: 32px;
    height: 32px;
    z-index: 10100;
    opacity: 0.5;
    padding: 10px;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #333;
}

.arrow {
    height: 100px;
    width: 82px;
    z-index: 10003;
    position: fixed;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.arrow.left {
    left: 9px;
}

.arrow.right {
    right: 9px;
}

.arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.arrow.disabled {
    display: none;
}

.arrow-t,
.arrow-b {
    height: 6px;
    width: 30px;
    left: 26px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
}

.arrow-t {
    top: 38px;
}

.arrow-b {
    top: 50px;
}

.close {
    width: 22px;
    height: 22px;
    position: fixed;
    top: 30px;
    right: 39px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.close .cw,
.close .ccw {
    position: absolute;
    top: 8px;
    left: -4px;
    width: 30px;
    height: 6px;
    background-color: #fff;
    border-radius: 3px;
}

.cw {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    -moz-transform: rotate(45deg);
    /* Firefox */
}

.ccw {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    -moz-transform: rotate(-45deg);
    /* Firefox */
}

.close-alt,
.arrow-right-alt,
.arrow-left-alt {
    display: none;
    color: #fff;
    font-size: 2.5em;
}

.ie8 .close-alt,
.ie8 .arrow-right-alt,
.ie8 .arrow-left-alt {
    display: block;
}

.ie8 .cw,
.ie8 .ccw {
    display: none;
}

.art-content-layout .art-content {
    margin: 0 auto;
}


/* Begin Additional CSS Styles */

.art-blockcontent fieldset .art-button,
.art-blockcontent fieldset .art-button.active,
.art-button.active {
    margin-top: 20px;
}

.input {
    padding-left: 40px;
    padding-right: 40px;
}

.input p {
    margin: 0;
}

.input input[type="text"],
.input input[type="password"],
select {
    padding: 5px;
    width: 100%;
}

.input table {
    width: 100%;
}

.art-block {
    width: 500px;
    margin: 0 auto !important;
}

.art-blockcontent {
    padding: 3px;
    min-height: 250px;
}

.art-postmetadataheader {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 5px;
    background-color: #f4f4f4;
    border: none;
}

.nav-block {
    float: left;
}

.nav-content {
    background: #454545 url('images/nav.png') scroll;
    background: -moz-linear-gradient(top, rgba(111, 111, 111, 0.2) 0, rgba(27, 27, 27, 0.12) 100%) no-repeat, url('images/nav.png'), -moz-linear-gradient(top, #616161 0, #292929 100%) no-repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 10px;
    background-color: #4C4C4C;
    width: 150px;
    min-height: 200px;
    list-style: none;
    overflow: hidden;
}

.nav-content hr {
    border: none;
    border-top: 1px solid #AAA;
}

.nav-content li {
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
}

.nav-content li a,
.nav-content li a:visited,
.nav-content li a:link {
    background: #3F5369 url('images/menuitem.png') scroll;
    background: -moz-linear-gradient(top, rgba(92, 122, 154, 0.2) 0, rgba(32, 42, 53, 0.11) 100%) no-repeat, url('images/menuitem.png'), -moz-linear-gradient(top, #526D89 0, #2A3846 100%) no-repeat;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #5F7081;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 150px;
    cursor: pointer;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 27px;
    text-align: center;
}

.content-data {
    display: inline-block;
    width: 90%;
    margin-left: 40px;
    color: #000000;
}

.content-data p.boton {
    text-align: right;
}

.content-data p .art-button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-data table.pagos-table,
#siguientePago .siguientePago {
    color: #000000;
    width: 100%;
    border-collapse: collapse;
}

.content-data table.pagos-table td:first-child {
    font-weight: bold;
}

.content-data table,
table.siguientePago {
    width: 100%;
    border-collapse: collapse;
    color: steelblue;
    border: 1px solid #000000;
}

#estado-carnet .content {
    max-width: 100%;
}

#estado-carnet table.tramitaciones-resumen {
    border: solid 1px #000000;
    width: 770px;
}

.content-data table th,
#estado-carnet .estado table th,
.miPin table th,
.siguientePago th,
.resumen-pago table th,
.tramitaciones-resumen th {
    color: 000000;
    background-color: #0033a0;
    padding: 5px;
}

.content-data table td,
.content-data table th {
    border: none;
    padding: 5px;
    border-right: 1px solid #000000;
}

td.no-info {
    padding: 5px;
    text-align: center;
    font-style: italic;
    color: #CCC;
}

.registro {
    display: inline-block;
    vertical-align: top;
    margin-left: 190px;
}

.registro .izq {
    float: left;
}

.registro .der,
.tabla-contacto .art-button {
    margin-top: 5px;
    float: right;
}

.notif-error {
    padding: 10px;
    color: #880808;
    background-color: #ff9999;
    border: 1px solid #ff6666;
    text-align: center;
    position: relative;
    z-index: 2000;
    width: 50%;
    margin: 0 auto;
}

.notificacion-error {
    padding: 10px;
    color: #880808;
    background-color: #ff9999;
    border: 1px solid #ff6666;
    text-align: center;
    position: relative;
    z-index: 2000;
    width: 320px;
    margin: 0 auto;
}

#butCerrarNotif {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #880808;
    color: white;
}

.notif-error2 {
    padding: 10px;
    color: #880808;
    background-color: #ff9999;
    border: 1px solid #ff6666;
    text-align: center;
    width: 878px;
}

.notif-correcto {
    padding: 10px;
    background-color: #d9fce6;
    color: green;
    border: 1px solid #33cc00;
    text-align: center;
    margin: 10px;
}

.notif-incorrecto {
    padding: 10px;
    background-color: #ffe0e0;
    color: #b13e3e;
    border: 1px solid red;
    text-align: center;
    margin: 10px;
}

.notif-advertencia {
    padding: 10px;
    background-color: #ffe0e0;
    color: black;
    border: 1px solid #ffd685;
    text-align: center;
    margin: 10px;
}

.notif-info {
    padding: 10px;
    color: #2E3D4C;
    border: 1px solid #b6dbff;
    text-align: center;
    margin: 10px;
}

.notif-explica {
    padding: 10px;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    text-align: justify;
    margin: 10px;
    background: none repeat scroll 0 0 #0D162D;
}

.nombreUsuario {
    display: inline-block;
    text-align: right;
    padding-right: 5px;
    float: right;
}

.cantTotal {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    margin: 0;
}

.rojo {
    color: red;
}

.verde {
    color: green;
}

.naranja {
    background-color: #ffedc9;
    color: #e67300;
}

.agregar a,
.agregar a:visited,
.agregar a:link {
    color: green;
    text-decoration: none;
}

.agregar a:hover {
    color: green;
    text-decoration: underline;
}

.agregar {
    padding-left: 24px;
    min-height: 24px;
    background-image: url("icon/shadow/grey/png/24x24/001_01.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

.btnEliminar {
    cursor: pointer;
    border: none;
}

#status {
    display: none;
    position: fixed;
    top: 50px;
    z-index: 99;
}

input {
    outline: none;
}

.tabla-contacto {
    width: 90%;
    margin: 0 auto;
}

.tabla-contacto input[type=text],
.tabla-contacto select,
.tabla-contacto textarea {
    width: 100%;
    padding: 5px;
    outline: none;
}

.tabla-contacto textarea {
    min-height: 150px;
    resize: vertical;
}

.estado,
.miPin,
.resumen-pago,
.content,
.gestionTramitaciones {
    padding: 0 0px 0px 0px;
    margin: 0 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    max-width: 1000px;
}

#estado-carnet .estado,
.miPin,
.resumen-pago,
.content,
.gestionAbonos,
#siguientePago {
    padding: 0 0px 0px 0px;
    margin: 0 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    max-width: 1000px;
}

#estado-carnet table.tramitaciones-resumen {
    width: 370px;
}

#estado-carnet .estado {
    margin: 3px;
}

.estado table {
    width: 100%;
    padding: 0;
    border: 1px solid #d0d0d0;
}

.miPin table {
    float: left;
    color: -moz-html-CellHighlight;
}

.miPin .notif-info {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    max-width: 250px;
}

.miPin .notif-info img {
    float: left;
}

.miPin .notif-info p {
    margin-top: 10px;
}

#estado-carnet .estado table,
.miPin table,
table.siguientePago {
    font-size: 17px;
    border-collapse: collapse;
}

.miPin table th {
    min-width: 100px;
}

#estado-carnet .estado table td,
.miPin table td,
.siguientePago td {
    padding: 5px;
}

#estado-carnet .estado table td:nth-child(2),
#estado-carnet .estado table td:nth-child(3) {
    text-align: center;
}

table.estado-carnet tr:nth-child(even),
.miPin table tr:nth-child(even),
.resumen-pago tr:nth-child(even),
.tramitaciones-resumen tr:nth-child(even) {
    /* background-color: #f6f6f6; */
}

.miPin table th {
    text-align: center;
}

.miPin table td:nth-child(3) {
    font-size: 20px;
    color: green;
    text-align: center;
}

.miPin table td:nth-child(4) {
    font-weight: bold;
    text-align: center;
}

.permitido {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url(icon/shadow/grey/png/24x24/001_06.png);
    background-position: top left;
    background-repeat: no-repeat;
    color: #53AB48;
    font-weight: bold;
    vertical-align: middle;
}

.pendiente {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url(icon/shadow/grey/png/24x24/001_11.png);
    background-position: top left;
    background-repeat: no-repeat;
    color: #D78A60;
    font-weight: bold;
    vertical-align: middle;
}

#agregarGestionado {
    padding: 5px;
    width: 400px;
}

#agregarGestionado table {
    color: #303F50;
    background-color: transparent;
}

#agregarGestionado .art-button {
    float: right;
    margin-left: 20px;
}

#condiciones {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #9CAFC4;
    height: 200px;
    overflow: auto;
    width: 100%;
    margin-top: 30px;
}

#condiciones p {
    margin-bottom: 15px;
    font-size: 10px;
    color: #353535;
    line-height: initial;
    padding: 0px;
    text-align: justify;
}

.art-blockcontent .art-button {
    margin-top: 20px;
}

.art-blockcontent {
    overflow: hidden;
}

.white-space {
    height: 20px;
    display: block;
}

#estado-carnet h2 {
    margin-bottom: 10px;
}

.art-blockcontent .art-blockheader {
    font-size: 17px;
    color: #CCC;
}

.cargo {
    color: green;
    font-size: 15px;
    margin-left: 5px;
}

.direccionEnvio {
    margin-left: 10px;
    width: 100%;
    text-align: center;
    color: black;
}

.resumen-pago table {
    text-align: center;
    border-collapse: collapse;
    min-width: 300px;
}

.opciones-carnet,
.resumen-pago {
    display: inline-block;
    padding: 5px;
    border: 1px solid #dfdede;
    color: #263340;
    vertical-align: top;
}

.opciones-carnet {
    width: 80%;
}

.opciones-carnet table {
    width: 80%;
}

.direccionEnvio table {
    width: 100%;
}

.direccionEnvio table td:first-child {
    text-align: left;
}

.direccionEnvio table td {
    padding-left: 5px;
    padding-right: 5px;
}

#btnEditar,
#btnCancelarCambio {
    margin: 5px;
}

#btnCancelarCambio {
    margin-left: 10px;
}

.direccionEnvio {
    padding: 5px;
    background-color: white;
    border: 1px solid #DDD;
}

.content h2 {
    margin-bottom: 10px;
}

.datos-cuenta {
    min-width: 450px;
    max-width: 450px;
    border-collapse: collapse;
    border: 1px solid #DDD;
}

.datos-cuenta td {
    padding-left: 15px;
    padding-right: 15px;
}

.datos-cuenta td:first-child {
    font-weight: bold;
}

.datos-cuenta tr.p {}

.datos-cuenta tr.i {}

.total {
    display: block;
    padding: 10px;
    padding-right: 0;
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    color: green;
}

.enlaceGestion {
    text-decoration: none;
}

.enlaceGestion table:hover {
    outline: 2px solid #2A3846;
}

.opciones-carnet p {
    margin-bottom: 5px;
}

.nav-ayuda {
    /* background: #454545 url('images/nav.png') scroll;
	background: -moz-linear-gradient(top, rgba(111, 111, 111, 0.2) 0,
		rgba(27, 27, 27, 0.12) 100%) no-repeat, url('images/nav.png'),
		-moz-linear-gradient(top, #616161 0, #292929 100%) no-repeat; */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 10px;
    width: 230px;
    min-height: 200px;
}

.nav-ayuda hr {
    border: none;
    border-top: 1px solid #AAA;
}

.nav-content li {
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
}

.nav-ayuda li a,
.nav-ayuda li a:visited,
.nav-ayuda li a:link {
    background: #d2ddf0;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #5F7081;
    margin: 3 auto;
    position: relative;
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    line-height: 27px;
    text-align: left;
    padding-left: 7px;
}

.nav-ayuda li a:active {
    background: #4D91CF;
    background: -moz-linear-gradient(top, rgba(252, 154, 105, 0.21) 0, rgba(237, 82, 5, 0.08) 75%, rgba(200, 69, 4, 0.1) 100%) no-repeat, url('images/menuactiveitem.png'), -moz-linear-gradient(top, #FB8950 0, #FA5705 75%, #E14E05 100%) no-repeat;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #D74B04;
    margin: 3 auto;
    color: #FFF5F0;
    padding-bottom: 1px;
    margin-bottom: -1px;
    text-decoration: none;
}

.nav-ayuda li a:hover,
.nav-ayuda li a.selected {
    background: #0E2143;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #FFFFF;
    margin: 3 auto;
    color: #FFFFFF;
}

.content-ayuda {
    display: inline-block;
    width: 70%;
    margin-left: 40px;
    text-align: justify;
}

#tramites,
#form-tramite {
    vertical-align: top;
    display: inline-block;
}

#tramites-wrap {
    width: 200px;
    margin-left: 20px;
    display: inline-block;
}

#form-tramite {
    margin-left: 40px;
    width: 400px;
    background-color: #4D91CF;
}

#form-tramite input,
#form-tramite textarea {
    padding: 3px;
}

#form-tramite table {
    width: 100%;
    margin: 0;
    padding: 0;
}

#form-tramite textarea {
    resize: vertical;
}

#selTramites {
    padding: 0;
    margin: 0;
    cursor: pointer;
    max-height: 500px;
    overflow: auto;
}

#selTramites option {
    padding: 5px;
    color: black;
}

.tramitaciones-resumen {
    border-collapse: collapse;
    text-align: center;
}

.nav-block .destacado {
    margin-top: 10px;
    width: 170px;
    overflow: hidden;
}

.nav-block .destacado a {
    border: none;
    text-decoration: none;
}

.nav-block .destacado img {
    max-width: 170px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

table.tramitaciones .movimiento {
    padding: 2px;
    font-size: 12px;
    color: #303F50;
    border-bottom: 1px solid #303F50;
}

table.detalles-wrap td {
    padding: 0;
}

table.detalles-campos {
    color: #f4f4f4;
    font-weight: bold;
}

table.detalles-campos td,
table.detalles-valores td,
table.detalles-comentario td {
    padding: 3px;
}

table.detalles-valores {
    color: #f4f4f4;
}

table.detalles-comentario {
    padding: 3px;
}

table.detalles-comentario td:first-child {
    font-weight: bold;
}

.resumen-pago {
    width: 100%;
}

.resumen-pago table {
    width: 100%;
    color: #68a8dd;
}

.bufandas {
    width: 298px;
    background-color: #f4f4f4;
    border: 1px solid #DDD;
}

body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color: #0E2143;
    /* background-image: url("images/fondo.jpg"); */
    background-origin: padding-box, padding-box;
    background-position: 0 0%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: auto auto, auto auto;
    background-attachment: fixed, fixed !important;
}

#navegacion {
    width: 100%;
    min-height: 160px;
    position: absolute;
    /*position: fixed; */
    top: 0;
    left: 0;
    background-color: #132143;
    z-index: 1000;
}

#menuPrincipal {
    background-color: #174C9D;
    min-height: 30px;
}

#menuPrincipal #opcionesMenuPrincipal {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
}

#menuPrincipal #opcionesMenuPrincipal .opcionPrincipal {
    float: left;
    width: auto;
    font-size: 20px;
    font-family: Cabin, sans-serif;
    color: white;
    padding-top: 3px;
    text-decoration: none;
}

#menuPrincipal #opcionesMenuPrincipal .opcionPrincipal a {
    font-size: 13px;
    font-family: Cabin, sans-serif;
    color: white;
    padding-top: 4px;
    text-decoration: none;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: center;
}

#menuPrincipal #opcionesMenuPrincipal .opcionPrincipal a:HOVER {
    background-color: #4D91CF;
    color: #DDDDDD;
}

#navegacion #cabecera {
    max-width: 1000px;
    height: 100px;
    margin: 0 auto;
}

#navegacion #cabecera #logoSoy {
    background: url("/img/logo_soy.png") no-repeat scroll 0 center transparent;
    height: 80px;
    width: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

#navegacion #cabecera #logo {
    background: url("../img/Logo_Campus23.jpg") no-repeat scroll 0 center transparent;
    max-width: 100%;
    height: auto;
    padding-top: 95px;
    padding-bottom: 10px;
}

#navegacion #cabecera #logoFundacion {
    background: url("/img/logo-fundacion.png") no-repeat scroll 0 center transparent;
    height: 80px;
    width: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#barraTitulo {
    background-color: #0033A0;
    min-height: 30px;
}

#barraTitulo #opcionesTitulo {
    max-width: 1000px;
    margin: 0 auto;
}

#barraTitulo #opcionesTitulo #titulo a {
    float: left;
    font-size: 14px;
    font-weight: 700;
    font-family: Cabin, sans-serif;
    color: white;
    width: auto;
    padding-top: 6px;
    text-decoration: none;
    margin-left: 10px;
}

#barraTitulo #opcionesTitulo #inicia a {
    float: right;
    font-size: 15px;
    font-family: Cabin, sans-serif;
    color: white;
    width: auto;
    padding-top: 7px;
    text-decoration: none;
    margin-right: 10px;
}

#menu {
    background-color: #418fde;
    min-height: 30px;
}

#menu #opcionesMenu {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
}

#menu #opcionesMenu .opcion {
    float: left;
    width: auto;
    font-size: 20px;
    font-family: Cabin, sans-serif;
    color: white;
    padding-top: 3px;
    text-decoration: none;
}

#menu #opcionesMenu .opcion a {
    font-size: 12px;
    font-weight: 700;
    font-family: Cabin, sans-serif;
    color: white;
    padding-top: 4px;
    text-decoration: none;
}

#menu #opcionesMenu .opcion a:HOVER {
    color: white;
    font-weight: bold;
}

#contenido {
    margin-top: 160px;
    max-width: 1000px;
    min-height: 500px;
    margin: 0 auto;
    background: #ffffff;
}

#pie {
    width: 100%;
    height: 200px;
    background-color: #132143;
}

#pie #texto {
    width: 275px;
    margin: 0 auto;
}

#contenido #b1 {
    margin-top: 170px;
    max-width: 735px;
    height: 225px;
    float: left;
    background-position: center;
    margin-bottom: 33px;
}

#contenido #b2 {
    margin-top: 170px;
    width: 200px;
    height: 460px;
    float: right;
    margin-right: 50px;
    background-position: center;
    cursor: pointer;
}

#contenido #b3 {
    width: 350px;
    height: 200px;
    float: left;
    background-position: center;
    margin-right: 33px;
}

#contenido #b4 {
    width: 350px;
    height: 200px;
    float: left;
    background-position: center;
}

#bloque1 {
    width: 735px;
    height: 225px;
    float: left;
    background-position: center;
    margin-left: 54px;
    overflow: hidden;
}

#bloque2,
#bloque3,
#bloque4 {
    float: left;
    background-position: center;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
}

#bloque2 {
    margin-left: 20px;
}

#bloque3,
#bloque4 {
    margin-left: 12px;
}

#bloque5,
#bloque6,
#bloque7,
#bloque8 {
    float: left;
    background-position: center;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}

#bloque5,
#bloque6,
#bloque7,
#bloque8 {
    margin-left: 15px;
}

#b1m {
    margin-top: 55px;
    width: 735px;
    height: 225px;
    float: left;
    background-position: center;
}

#b2m {
    margin-top: 55px;
    width: 250px;
    height: 635px;
    float: right;
    background-position: center;
}

#b3m {
    width: 350px;
    height: 200px;
    float: left;
    background-position: center;
}

#b4m {
    width: 350px;
    height: 200px;
    float: left;
    background-position: center;
}

.content-data table th {
    border-bottom: 1px solid #000000;
}

.content-data table td {
    border-bottom: 1px dotted #000000;
}

#menu #opcionesMenu .opcion a.active {
    color: white;
    font-weight: bold;
}

#opcionesMenuPrincipal a.selected {
    background-color: #4D91CF;
    color: #DDDDDD;
}

#dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2000;
    top: 0;
    left: 0;
}

#dialog form {
    position: absolute;
    width: 350px;
    min-height: 270px;
    top: 162px;
    left: 35%;
    background-color: #4D91CF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid white;
    -webkit-box-shadow: 0px 0px 21px 13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 21px 13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 21px 13px rgba(0, 0, 0, 0.75);
}

#dialog #titulo {
    text-align: center;
    background-color: #174C9D;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    font-family: Cabin, sans-serif;
}

#btRegistrar {
    width: 110px;
    background-color: #DBA901;
    border-color: #DBA901;
}

.inputbox {
    margin-right: 15px;
}

#nombreUsuario {
    width: auto;
    float: right;
    margin-top: 65px;
    font-family: Cabin, sans-serif;
    font-size: 13px;
}

#nombreUsuarioHome {
    font-size: 15px;
    margin-top: 3px;
    float: left;
}

#menuPrincipal #opcionesMenuPrincipal .opcionPrincipal #cerrarSesion {
    width: auto;
    margin-left: 609px;
    font-size: 20px;
}

#barraTitulo #opcionesTitulo #titulo #login {
    width: auto;
    margin-left: 570px;
    font-size: 20px;
}

.tlfGratuito {
    margin-left: 50px;
    font-size: 11px;
    color: white;
}

#iniciaSesion a {
    color: white;
    text-decoration: none;
}

#cerrarSesion a {
    color: white;
    text-decoration: none;
}

#cont {
    height: 620px;
    margin-bottom: 30px;
}

.derecha {
    margin-top: 10px;
    float: right;
    width: 210px;
}

.izquierda {
    float: left;
    width: 750px;
}

#texto {
    float: left;
    margin-left: 20px;
    margin-top: 170px;
    width: 400px;
    font-size: 16px;
    text-align: justify;
}

#texto #titulo {
    font-weight: bold;
    margin-bottom: 5px;
}

#imagen {
    margin-top: 170px;
    width: 456px;
    height: 500px;
    float: right;
    background-image: url('img/quees.jpg');
    background-size: 456px 500px;
}

#separacion {
    height: 700px;
    max-width: 1000px;
}

.ventaja {
    width: 800px;
    min-height: 150px;
    margin: 0 auto;
}

.ventaja .foto {
    width: 150px;
    min-height: 150px;
    float: left;
    border: solid 1px #4D91CF;
}

.ventaja .foto img {
    margin-top: 30px;
    margin-left: 15px;
}

.ventaja .titulo {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    width: 635px;
    height: 25px;
    float: left;
    border-top: solid 1px #4D91CF;
    border-right: solid 1px #4D91CF;
}

.ventaja .descripcion {
    font-size: 15px;
    padding: 10px;
    width: 625px;
    height: 104px;
    float: left;
    border-top: solid 1px #4D91CF;
    border-right: solid 1px #4D91CF;
    border-bottom: solid 1px #4D91CF;
}

#tablaVentaja {
    margin-top: 170px;
    height: 1400px;
}

#ancho {
    width: 1000px;
}

.content #foto {
    width: 230px;
    float: left;
    margin-top: 50px;
    margin-left: 10px;
}

.content #banner {
    width: 250px;
    float: left;
    margin-top: 50px;
    cursor: pointer;
}

.content #datos {
    width: 500px;
    float: left;
}

#botones {
    margin-left: 155px;
    width: 1000px;
}

#cambFoto {
    margin-left: 10px;
    margin-right: 10px;
}

.miPinMiC {
    width: 500px;
    margin: 0 auto;
}

.miPinMiC h2 {
    text-align: center;
}

.miPinMiC table {
    margin: 0 auto;
    border: solid 1px #000000;
    padding: 10px;
    width: 480px;
}

.miPinMiC table th {
    margin-right: 5px;
}

.miPinMiC table tr {
    border-right: solid 1px #000000;
}

#abonado {
    width: 1000px;
    min-height: 400px;
}

.ventaja .fotoDescuento {
    width: 150px;
    min-height: 150px;
    float: left;
    border: solid 1px #4D91CF;
}

.ventaja .fotoDescuento img {
    margin-top: 15px;
    margin-left: 15px;
}

#banner1 {
    margin-top: 20px;
    width: 735px;
    height: 225px;
}

#banner2 {
    width: 350px;
    height: 200px;
    float: left;
    margin-right: 35px;
    margin-top: 30px;
}

#banner3 {
    width: 350px;
    height: 300px;
    float: right;
    margin-top: 30px;
}

#banners {
    margin-left: 60px;
}

.altoBanners {
    height: 500px;
}

#tablaNoticias {
    margin-top: 170px;
}

#tablaNoticias .noticia {
    border-bottom: dotted 1px white;
    min-height: 240px;
}

#tablaNoticias .noticia .title {
    margin-top: 15px;
    font-size: 17px;
    font-weight: bold;
}

#tablaNoticias .noticia .desc {
    margin-top: 15px;
    font-size: 13px;
    text-align: justify;
}

#tablaNoticias .noticia .desc img {
    float: left;
    margin-right: 15px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#tablaNoticias .noticia .link {
    margin-top: 15px;
    font-size: 11px;
}

#tablas {
    width: 810px;
    margin: 0 auto;
}

.gestionAbonos {
    margin: 15px;
}

#aviso {
    text-align: center;
    border: solid 1px white;
    width: 600px;
    margin: 0 auto;
    margin-top: 170px;
    margin-bottom: 20px;
}

#colab {
    width: 800px;
    margin: 0 auto;
    margin-top: 170px;
    margin-bottom: 20px;
    float: none;
    min-height: 400px;
}

#colab .caja {
    float: left;
    margin: 5px;
    width: 150px;
    height: 150px;
    background-color: white;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

#colab #c1 {
    background-image: url('img/logo_clinica.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c2 {
    background-image: url('img/Logo_THB_Reserva_Higueron.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c3 {
    background-image: url('img/Logo_San_Miguel.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c4 {
    background-image: url('img/Logo_Pont_Grup.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c5 {
    background-image: url('img/Logo_Nestle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c6 {
    background-image: url('img/Logo_Museo_Picasso.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c7 {
    background-image: url('img/Logo_Halcon.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c8 {
    background-image: url('img/Logo_Grupo_Safamotor.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab #c9 {
    background-image: url('img/Logo_BP.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
}

#colab #c10 {
    background-image: url('img/Logo_Astorga.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 140px;
}

#colab2 {
    width: 1000px;
    height: 90px;
}

#colab2 .caja2 {
    float: left;
    margin: 5px;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

#colab2 #c1 {
    background-image: url('img/p_Vialia.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c2 {
    background-image: url('img/p_THB_Reserva_Higueron.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    width: 100px;
}

#colab2 #c3 {
    background-image: url('img/p_San_Miguel.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c4 {
    background-image: url('img/p_Pont_Grup.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c5 {
    background-image: url('img/p_Parque_Astorga.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c6 {
    background-image: url('img/p_Nestle.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c7 {
    background-image: url('img/p_Museo_Picasso_Malaga.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    width: 120px;
}

#colab2 #c8 {
    background-image: url('img/p_Halcon_Viajes.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

#colab2 #c9 {
    background-image: url('img/p_Grupo_Safamotor.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    width: 120px;
}

#colab2 #c10 {
    background-image: url('img/p_BP.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
}

.notif-advertencia b {
    color: #4D91CF;
}

.notif-correcto b {
    color: #4D91CF;
}

#cont-mensaje {
    margin-top: 180px;
}

@media only screen and (max-width: 1000px) {
    #dialog form {
        left: 2px;
    }
}


/* End Additional CSS Styles */