/******************************************************************************
* web.css
*
* Fulla d'estils de la web
*
*	@ SMTec 2013 | http://www.smtec.es
******************************************************************************/
@charset "utf-8";

/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;}
body{line-height:1;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
input, textarea{margin:0; padding:0;}
a img, img{border:0;}
img{display:block;}
strong{font-weight:bold;}
em{font-style:italic;}
/* END CSS RESET *************************************************************************************************************/

/* FONT-FACE *************************************************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);


/* GENERAL *************************************************************************************************************/
html{overflow-y:auto;}
body{font-family: 'Open Sans', sans-serif; font-weight:400; color:#000000; font-size:13px; background:#ffffff; margin:0;}

h1,h2,h3,h4,p,a{font-family: 'Open Sans', sans-serif; color:#000000;}
p{font-weight:400; font-size:13px; line-height:16px; margin-bottom:12px;}


sup,sub{height:0; font-size:10px; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
sup{bottom:1ex;}
sub{top:.5ex;}

a{color:#000; text-decoration:none; cursor:pointer; outline:0; border:none;}
a:hover{color:#000; text-decoration:none;}

acronym, abbr{border-bottom:1px dotted #333; cursor:help;}

.clearer{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.left{float:left;}
.right{float:right;}

.esq{text-align:left;}
.centre{text-align:center;}
.dre{text-align:right;}

.invisible{display:none !important;}
.cursiva{font-style:italic;}
.nobg{background:none !important;}

.rounded{-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.roundedtopleft{-moz-border-radius:5px 0 0 0; -khtml-border-radius:5px 0 0 0; -webkit-border-top-left-radius:5px; border-radius:5px 0 0 0;}
.roundedtopright{-moz-border-radius:0 5px 0 0; -khtml-border-radius:0 5px 0 0; -webkit-border-top-right-radius:5px; border-radius:0 5px 0 0;}
.roundedbottomleft{-moz-border-radius:0 0 0 5px; -khtml-border-radius:0 0 0 5px; -webkit-border-bottom-left-radius:5px; border-radius:0 0 0 5px;}
.roundedbottomright{-moz-border-radius:0 0 5px 0; -khtml-border-radius:0 0 5px 0; -webkit-border-bottom-right-radius:5px; border-radius:0 0 5px 0 0;}
.shadow{-moz-box-shadow:1px 1px 10px #C8C8C8; -webkit-box-shadow:1px 1px 10px #C8C8C8; box-shadow:1px 1px 10px #C8C8C8;}

.alertBox{padding:30px;}
.nomargin{margin:0; padding:0;}


/* WRAPPER ***********************************************************************************/
#wrapper{margin:10px auto;}


/* HEADER ***********************************************************************************/
header{margin:10px auto 15px auto; padding-bottom:10px; text-align:center;}
header a{display:inline-block;}


/* SLIDER ***********************************************************************************/
.responsive-slider .pages{padding:0; /*max-width:950px; margin-left:8.35%;*/ top:-25px; /*-5.6%;*/}
.responsive-slider .pages .page{/*width:33.1%;*/ display:block; width:100%; height:8px; margin:0; border-radius:0; border:0;}
.responsive-slider .pages .page.active{background:#434343;}


/* CONTENT ***********************************************************************************/
.container{width:100%; max-width:950px;}
.content{max-width:950px; display:block; margin:0 auto;}


/* ITEMS ***********************************************************************************/
.items{margin-bottom:25px; border-bottom:2px solid #434343;}
.items .item{padding-bottom:25px;}
.items a{display:block; text-align:center; color:#ffffff; background:#464646; font-size:14px; line-height:16px; padding:15px 0;}
.items a.box{background:#efefef; padding:35px 0;}
.items a.box img{display:block; margin:0 auto;}

/* FOOTER ***********************************************************************************/
footer{padding:20px 15px; text-align:center;}
footer p{font-size:12px; line-height:14px; color:#464646; text-align:center;}



@media (max-width: 767px){
}
@media (max-width: 600px){
}
@media (max-width: 480px){
}
@media (max-width: 320px){
}