/*
CSS STRUCTURE:
1. SITE STRUCTURE and TYPOGRAPHY
2. PAGES AND CONTENT
3. COMMON
4. MEDIA QUERIES
/*============================================================================================*/
/* 1. SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
html {
/*background:#008877;*//* lo saque para que se vea todo blanco con menu nuevo*/
/*background: url(/sitio/_img/background_html.png);*/
}
body {
background:#F9F9F9!important;
font:14px 'Encode Sans', sans-serif;
color: #555;
-webkit-font-smoothing: antialiased !important;
}
/** Typography **/
h1,
h3,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}
h1 {
font-size: 38px;
line-height: 40px;
}
h2 {
font-size: 32px;
line-height:36px;
}
h3 {
font-size: 24px;
line-height:28px;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 14px;
line-height:14px;
}
h6 {
font-size: 12px;
}
p {
}
.col-right p {
margin: 0 0 25px 0;
}
.col-right ul{
margin: 0 0 10px 0;
}
/** Lists **/
ul,
ol {
padding: 0;
margin: 0 0 0;
list-style:none;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
line-height: 20px;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
}
iframe {
width:100%;
}
/** Links color **/
a {
color: #0695d6;
text-decoration: none;
}
a:hover,
a:focus {
color: #005580;
text-decoration: none;
}
/** Forms **/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #e2e2e2;
box-shadow:0 0 8px #e3e3e3 inset;
-webkit-shadow:0 0 8px #e3e3e3 inset;
-moz-shadow:0 0 8px #e3e3e3 inset;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
margin-bottom:20px;
}
.ie7 input.ie7-margin {
margin-left:-30px;
}
select {
margin-bottom:20px;
}
input.dateinput {
width:100%;
}
input#email_newsletter, .form-search input {
margin-bottom:0;
height: 1em;
}
label {
display: block;
/* margin-bottom: 5px;*/
font-size:12px;
font-weight:600;
}
.breadcrumb {
margin: -15px 0 20px -15px;
list-style: none;
background:none;
}
.breadcrumb a{
color:#333!important;
}
.breadcrumb a:hover{
text-decoration: underline;
}
#colderecha{
padding:0!important;
}
/** Buttons
.twitter, .fb {
position: relative;
height: 32px;
width: 157px;
display: block;
background: url(/sitio/_img/twitter_btn.png) no-repeat;
margin-top:15px;
}
.fb {
width: 157px;
background: url(/sitio/_img/fb_btn.png) no-repeat;
}
.twitter:active, .fb:active {top: 1px;}
.twitter:hover, .fb:hover {
background-position: 0 -32px;
}
.twitter a, .fb a {
padding: 5px 0 0 15px;
text-shadow: -1px -1px 0px rgba(0,0,0,.3);
color:#fff;
font-weight: bold;
font-size: 12px;
height: 32px;
display: block;
line-height:23px;
}
.fb a {padding: 5px 0 0 20px; }
.twitter, .fb {
display: inline-block;
}
.twitter a:hover, .fb a:hover {
color: #FFF;
text-decoration: none;
}
/*a.button_medium, .button_medium, .megamenu > li .drop-down-container a.button_medium {
border:none;
background:#099ad1;
color:#fff;
padding:7px 12px;
text-decoration:none;
transition: background .5s ease;
-moz-transition: background .5s ease;
-webkit-transition: background .5s ease;
-o-transition: background .5s ease;
display:inline-block;
cursor:pointer;
font-weight:700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.button_medium:hover, .button_medium:hover, .megamenu > li .drop-down-container a.button_medium:hover {background:#333;}
a.button_large, .button_large, .megamenu > li .megamenu_fullwidth a.button_large {
border:none;
background:#099ad1;
color:#FFF;
padding:8px 30px;
text-decoration:none;
transition: background .5s ease;
-moz-transition: background .5s ease;
-webkit-transition: background .5s ease;
-o-transition: background .5s ease;
display:inline-block;
cursor:pointer;
font-weight:700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:18px;
}
a.button_large:hover, .button_large:hover, .megamenu > li .drop-down-container a.button_large:hover {background:#333;}
a.button_red_medium, .button_red_medium, .megamenu > li .drop-down-container a.button_red_medium {
border:none;
background:#ff6666;
color:#fff;
padding:7px 12px;
text-decoration:none;
transition: background .5s ease;
-moz-transition: background .5s ease;
-webkit-transition: background .5s ease;
-o-transition: background .5s ease;
display:inline-block;
cursor:pointer;
font-weight:700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
a.button_red_medium:hover, .button_red_medium:hover, .megamenu > li .drop-down-container a.button_red_medium:hover {background:#333;}
.button_red_small, a.button_red_small, .megamenu > li .drop-down-container a.button_red_small {
border:none;
background:#ff6666;
color:#fff;
padding:2px 8px;
margin-bottom:15px;
text-decoration:none;
transition: background .5s ease;
-moz-transition: background .5s ease;
-webkit-transition: background .5s ease;
-o-transition: background .5s ease;
display:inline-block;
cursor:pointer;
font-weight:700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:11px;
}
.button_red_small:hover, a.button_red_small:hover, .megamenu > li .drop-down-container a.button_red_small:hover {background:#099ad1;}
.button-align {text-align:right; padding-top:25px;}
.button-align-2 { float:right; margin-top:-30px;}*/
/*============================================================================================*/
/* 2. PAGES AND CONTENT */
/*============================================================================================*/
/* #Homepage
================================================ */
/*#main-boxes {
margin-top:-35px;
position:relative;
z-index:1;
margin-bottom:35px;
}*/
/* 3. COMMON */
/*============================================================================================*/
/*.add-bottom-20 {margin-bottom:30px;}*/
#toTop {width:80px;
border:1px solid #ccc;
padding:5px 7PX;
position:fixed; bottom:10px;
right:10px;
cursor:pointer;
display:none;color:#333;font-size:1em;
z-index:100; -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background: url(/sitio/_img/ico_subir.png);
background-position: 100% 40%;
background-repeat:no-repeat;
background-size:115%;
}
hr.double {
margin: 10px 0 20px 0;
border: 0;
border-top: 1px solid #cedee7;
border-bottom: 1px solid #ffffff;
}
ul.list_1, ul.list_2, ul.list_3, ul.list_4{ padding-bottom:15px;}
ul.list_1 li{background:url(/sitio/_img/tick_1.png) no-repeat left 3px;line-height:18px;padding-left:20px;}
ul.list_2 li{background:url(/sitio/_img/arrow_2.png) no-repeat 3px 5px;line-height:18px;padding-left:20px;}
ul.list_3 li{background:url(/sitio/_img/arrow_3.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;}
ul.list_4 li{background:url(/sitio/_img/arrow_4.png) no-repeat 4px 6px;line-height:18px;padding-left:20px;}
/* javascripts */
a.accrodian-trigger { display:block; margin:5px 0; background: #f5f5f5 url(/sitio/_img/plus.png) no-repeat center right; cursor:pointer ; font-size:16px;padding:5px 15px ; line-height:32px; transition: background .5s ease;margin-bottom:5px;}
a.accrodian-trigger:hover{ text-decoration:none; background:#099ad1 url(/sitio/_img/plus.png) no-repeat center right; color:#fff;}
a.accrodian-trigger:focus { text-decoration:none; background:#099ad1 url(/sitio/_img/minus.png) no-repeat center right; color:#fff;}
.accrodian-data { padding:0 15px;}
.togglehandle { background: #f5f5f5 url(/sitio/_img/plus.png) no-repeat center right; padding:8px 15px ; border:1px solid #D6D4CB; cursor:pointer; display:block; margin-bottom:5px; font-size:16px;}
.toggledata { padding:0 15px;}
.trama{ background: url(/sitio/_img/trama.png)!important;)}
/*============================================================================================*/
/* 3. MEDIA QUERIES */
/*============================================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
input#email_newsletter, .form-search input {
/*margin-bottom:5px;*/
}
}
@media (min-width: 768px) and (max-width: 979px) {
}
/* From tablet portrait to mobile */
@media (max-width: 767px) {
#main-boxes {
margin-top:30px;banner
}
footer, #features{
/*margin-left:-20px;
margin-right:-20px;*/
padding-left:20px;
padding-right:20px;
}
}
/* Mobile portrait */
@media (max-width: 480px) {
}