/*
Credit: http://www.templatemo.com
*/
body {
margin: 0;
padding: 0;
color: #7c7970;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.4em;
background-color: #c9bda7;
background-image: url(../images/templatemo_body.jpg);
background-repeat: repeat;
}
a, a:link, a:visited {
color: #29b2c2;
font-weight: normal;
text-decoration: none;
font-style: italic;
}
a:hover {
text-decoration: underline;
}
p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#7c7970; }
cite a, cite a:link, cite a:visited { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #29b2c2; }
h1, h2, h3, h4, h5, h6 { color: #29b2c2; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 24px; margin: 0 0 25px; padding: 3px 0 }
h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.hr { background:url(../images/templatemo_divider.png) bottom center no-repeat; margin-bottom: 40px }
.float_l { float: left }
.float_r { float: right }
.image_frame {
display: inline-block;
position: relative;
margin: 3px 0 10px 0;
background: #f7f5ee;
padding: 6px;
border: 1px solid #e2ded1;
}
.image_fl {
float: left;
margin: 3px 20px 12px 0;
}
.image_fr {
float: right;
margin: 3px 0 12px 20px;
}
.templatemo_list {
margin: 10px 0 10px 0;
padding: 0;
list-style: none;
}
.templatemo_list li {
color:#7c7970;
margin: 0 0 10px 0;
padding: 0 5px 0 15px;
background: url(../images/templatemo_list.png) no-repeat scroll 0 5px;
}
.templatemo_list li.flow {
display: block;
float: left;
width: 220px;
margin-right: 40px;
}
.templatemo_list li.nomr {
margin-right: 0;
}
.templatemo_list li a {
color: #7c7970;
font-weight: normal;
}
.templatemo_list li a:hover {
color: #7c7970;
}
#templatemo_top_wrapper {
width: 100%;
height: 75px;
margin-bottom: 20px;
background: url(../images/templatemo_top.png) repeat-x
}
#templatemo_top {
width: 880px;
padding: 10px 48px;
margin: 0 auto;
}
#templatemo_main_top {
width: 976px;
height: 78px;
margin: 0 auto;
background: url(../images/templatemo_main_top.png) no-repeat
}
#templatemo_main_wrapper {
width: 880px;
padding: 0 48px;
margin: 0 auto;
background: url(../images/templatemo_main_middle.png) repeat-y
}
#templatemo_main { padding: 20px 40px 20px }
#templatemo_footer {
width: 800px;
padding: 60px 88px 10px;
margin: 0 auto;
background: url(../images/templatemo_main_bottom.png) no-repeat top center
}
#site_title {
float: left;
}
#site_title h1 {
margin: 0;
padding: 0;
}
#site_title h1 a {
display: block;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
width: 229px;
height: 54px;
color: #acacac;
text-indent: -10000px;
background: url(../images/templatemo_logo.png) no-repeat center left;
}
#templatemo_menu { float: right }
#templatemo_slider_wrapper {
width: 878px;
padding: 1px 1px 26px;
margin: 0 auto;
background: url(../images/templatemo_slider.png) no-repeat bottom
}
.col { float: left; margin-right: 40px }
.col_2 { width: 380px; }
.col_3 { width: 240px; }
.col_32 { width: 520px }
.no_margin_righ { margin-right: 0 }
.rp_pp { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ced4dc }
.rp_pp img { float: left; margin-right: 15px; border: 3px solid #fff }
.rp_pp p { font-size: 10px }
.hp_post h4 { margin-bottom: 5px }
.hp_post img { float: left; margin: 3px 10px 30px 0 }
.testimonial {
padding: 0 0 0 70px;
display: block;
background: url(../images/speech_bubble_grey.png) left top no-repeat;
}
.gallery_box {
padding-bottom: 40px;
margin-bottom: 40px;
background: url(../images/templatemo_divider.png) bottom no-repeat;
}
.gallery_box img {
background: #f7f5ee;
padding: 6px;
border: 1px solid #e2ded1;
}
.gallery_box h5 {
font-weight: 700;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
}
.gallery_box a.link {
font-size: 11px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.post {
clear: both;
padding-bottom: 40px; margin-bottom: 40px; background: url(../images/templatemo_divider.png) bottom no-repeat
}
.no_pmb { margin-bottom: 0; padding-bottom: 0; background: none }
.post img { margin: 3px 40px 0 0 }
.post h2 { margin-bottom: 10px }
.post .meta { font-size: 10px; margin-bottom: 20px }
.post .meta a, .post .meta strong { color: #7b7b7b; font-weight: 700 }
#comment_section {
clear: both;
margin-bottom: 60px;
width: 760px;
}
.first_level {
margin: 0; padding: 0;
}
.comments {
list-style: none;
}
.comments li {
margin-bottom: 10px;
list-style:none;
}
.comments li .commentbox1 {
border-top: 1px solid #fff;
background: #e6e2d5;
}
.comments li .commentbox2 {
border-top: 1px solid #fff;
background: #dcd7ca;
}
.comments li .comment_box {
clear: both;
width:100%;
padding: 15px;
}
.comment_box .gravatar {
float: left;
width: 75px;
margin-right: 30px;
}
.comment_box .gravatar img {
width: 75px;
height: 75px;
}
.comment_box .comment_text { }
.comment_box .comment_text p {
margin: 0;
}
.comment_text .comment_author {
font-size: 14px;
font-weight: bold;
color: #29b2c2;
margin-bottom: 10px;
}
.comment_text .date {
font-size: 12px;
font-weight: normal;
color: #000;
padding-left: 10px;
}
.comment_text .time {
font-size: 12px;
font-weight: normal;
color: #000;
padding-left: 10px;
}
.comment_text .reply a {
display: block;
clear: both;
float: right;
color: #29b2c2;
font-weight: 700;
}
#comment_form {
clear: both;
}
#comment_form h3 {
font-size: 20px;
border-bottom: 1px dotted #666;
margin-bottom: 15px;
padding-bottom: 10px;
}
#comment_form form {
}
#comment_form textarea {
color: #666;
background: #e0dbcd;
border: 1px solid #f7f5e3;
height:150px;
padding:5px;
width: 380px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
}
#comment_form .form_row {
width: 100%;
margin-bottom: 15px;
}
#comment_form form input {
color: #666;
padding: 5px;
width: 250px;
background: #e0dbcd;
border: 1px solid #f7f5e3;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
}
#comment_form .submit_btn {
display: block;
width: 70px;
height: 30px;
padding: 5px 8px;
text-align: center;
text-decoration: none;
font-weight: bold;
background-color: #e0dbcd;
border: 1px solid #f7f5e3;
color: #222;
font-size:11px;
cursor: pointer;
}
#contact_form {
padding: 0;
width: 380px;
margin-bottom: 40px;
}
#contact_form form {
margin: 0px;
padding: 0px;
}
#contact_form form .input_field {
width: 270px;
padding: 5px;
color: #222;
background: #e0dbcd;
border: 1px solid #f7f5e3;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
}
#contact_form form label {
display: block;
width: 100px;
margin-right: 12px;
font-size: 13px;
}
#contact_form form textarea {
width: 368px;
height: 200px;
padding: 5px;
color: #222;
background: #e0dbcd;
border: 1px solid #f7f5e3;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
}
#contact_form form .submit_btn {
margin: 10px 0px;
padding: 5px 14px;
font-weight: bold;
background-color: #e0dbcd;
border: 1px solid #f7f5e3;
color: #222;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
}
.copyright {
padding: 10px 0;
}
.copyright a {
color: #333;
}
.pagging {
margin: 0 0 20px;
padding: 0;
}
.pagging ul {
margin: 0;
padding: 0;
list-style: none;
}
.pagging ul li {
margin: 0;
padding: 0;
display: inline;
}
.pagging ul li a {
float: left;
display: block;
color: #333;
text-decoration: none;
margin-right: 5px;
padding: 5px 10px;
background-color: #f6f6f6;
border: 1px solid #fff;
}
.pagging ul li a:hover {
background: #5abac4;
border: 1px solid #fff;
color: #fff;
}
.slider {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
width: 878px;
height: 440px;
overflow: hidden;
margin: 0;
padding: 0;
}
.slider li{
/* these are required, but the values are up to you (must be pixel) */
width: 174.8px;
height: 440px;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.slider.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 5px; /*Set to same as spacing option. */
float: left;
}
.slider.vertical li{
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-bottom: 5px; /*Set to same as spacing option. */
}
#slide_1 { }
#slide_2 { }
#slide_3 { }
#slide_4 { }
#slide_5 { }
.slider.horizontal #slide_5 {
margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.slider.vertical #slide_5 {
margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}
/* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(../images/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis