/* =============================================================================
   Reset
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family:  'Helvetica', sans-serif; color: #fff; }
html,body,td,th,fieldset,button{margin:0;padding:0}
body{margin: 0; padding: 90px 0 0 0; font-size: 1em; line-height: 1.4em; background:#0c9c92;font-family: 'Helvetica',  Sans-Serif;color:#000}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,table,legend{margin:0 0 15px}
p{font-size:1em}
abbr{border:none;cursor:help}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Lists */
ul,ol{padding:0}
ul{list-style:disc}
ol{list-style:decimal}
li{margin:0}
dt{float:left;margin:0 4px 0 0}
dd{margin:0}
/* Links */
a{color:#000;text-decoration:none;cursor:pointer;line-height:1em;}
a:hover{text-decoration:underline}
a img{border:0}
/* Tables */
table{border-collapse:collapse;border-spacing:0}
td,th{vertical-align:middle}
/* Forms */
fieldset{border:0}
label,input[type="submit"],input[type="reset"]{cursor:pointer}
input[type="submit"] {-webkit-appearance: none}
input[type="search"] {-webkit-appearance: textfield;}
input,textarea{font:1.3em Arial,Helvetica,Sans-Serif}
input.radio{width:auto!important;border:0!important;padding:0!important}
button{background:none;border:0;cursor:pointer}
/* Titles */
h1{font-size:2.4em}
h2{font-size:2.2em}
h3{font-size:2em}
h4{font-size:1.8em}
h5{font-size:1.6em}
h6{font-size:1.4em}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal}
strong{font-family: 'Helvetica-BD'}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* =============================================================================
   Spacing Helpers
   ========================================================================== 
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0)
*/
.ptn,.pvn,.pan{padding-top:0!important}
.pts,.pvs,.pas{padding-top:5px!important}
.ptm,.pvm,.pam{padding-top:10px!important}
.ptl,.pvl,.pal{padding-top:20px!important}
.prn,.phn,.pan{padding-right:0!important}
.prs,.phs,.pas{padding-right:5px!important}
.prm,.phm,.pam{padding-right:10px!important}
.prl,.phl,.pal{padding-right:20px!important}
.pbn,.pvn,.pan{padding-bottom:0!important}  
.pbs,.pvs,.pas{padding-bottom:5px!important}
.pbm,.pvm,.pam{padding-bottom:10px!important}
.pbl,.pvl,.pal{padding-bottom:20px!important}
.pln,.phn,.pan{padding-left:0!important}
.pls,.phs,.pas{padding-left:5px!important}
.plm,.phm,.pam{padding-left:10px!important}
.pll,.phl,.pal{padding-left:20px!important}
.mtn,.mvn,.man{margin-top:0!important}
.mts,.mvs,.mas{margin-top:5px!important}
.mtm,.mvm,.mam{margin-top:10px!important}
.mtl,.mvl,.mal{margin-top:20px!important}
.mrn,.mhn,.man{margin-right:0!important}
.mrs,.mhs,.mas{margin-right:5px!important}
.mrm,.mhm,.mam{margin-right:10px!important}
.mrl,.mhl,.mal{margin-right:20px!important}
.mbn,.mvn,.man{margin-bottom:0!important}  
.mbs,.mvs,.mas{margin-bottom:5px!important}
.mbm,.mvm,.mam{margin-bottom:10px!important}
.mbl,.mvl,.mal{margin-bottom:20px!important}
.mln,.mhn,.man{margin-left:0!important}
.mls,.mhs,.mas{margin-left:5px!important}
.mlm,.mhm,.mam{margin-left:10px!important}
.mll,.mhl,.mal{margin-left:20px!important}
.mra,.mha{margin-right:auto!important}
.mla,.mha{margin-left:auto!important}

.mtx{margin-top: 60px !important}
.mbx{margin-bottom: 60px !important}
.mtxl{margin-top: 100px !important}
.mbxl{margin-bottom: 100px !important}

/* =============================================================================
   Border Helpers
   ========================================================================== 
b = border
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,d,dd = solid,dotted,dashed
bw,bk,bg = white, black, grey
*/

.bw{border-color: #fff;}
.bk{border-color: #000;}
.bg{border-color: #cccccc;}
.bgd{border-color: #424146;}

.bas,.bts,.brs,.bbs,.bls,.bhs,.bvs{border-style: solid;}
.bad,.btd,.brd,.bbd,.bld,.bhd,.bvd{border-style: dotted;}
.badd,.btdd,.brdd,.bbdd,.bldd,.bhdd,.bvdd{border-style: dashed;}

.bas,.bad,.badd{border-width:1px;}
.bts,.btd,.btdd{border-width:1px 0 0;}
.brs,.brd,.brdd{border-width:0 1px 0 0;}
.bbs,.bbd,.bbdd{border-width:0 0 1px;}
.bls,.bld,.bldd{border-width:0 0 0 1px;}
.bhs,.bhd,.bhdd{border-width:0 1px;}
.bvs,.bvd,.bvdd{border-width:1px 0;}

.ban{border:none!important}
.btn{border-top:none!important}
.brn{border-right:none!important}
.bbn{border-bottom:none!important}
.bln{border-left:none!important}

/* =============================================================================
   Error message
   ========================================================================== */

.errorBody{background: #FFFFFF;margin: 30px 0}
.errorBody img{margin: 20px auto;display:block}
div.error{border: 2px solid red;margin: 50px auto 0;padding: 15px; background: white;color:#333}
div.error h1{font-size: 1.5em;margin: 0 0 10px;color:red;}
div.error h2{}
div.error h3{}
div.error p, div.error li{font-size: 1em}

/* =============================================================================
   Useful classes
   ========================================================================== */
.floatLeft{float:left}
.floatRight{float:right}
.noMargin{margin:0!important}
.noPadding{padding:0!important}
.noBackground{background:none!important}
.noBorder{border:0!important}
.displayNone{display:none}
.invisible {visibility:hidden}
.displayBlock{display:block}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.alignLeft{text-align: left}
.alignJustify{text-align: justify}
.bold{font-weight:700!important}
.italic{font-style:italic}
.underline{text-decoration:underline}
.upperCase{text-transform:uppercase}
.lowerCase{text-transform:lowercase}
.clear{clear:both}
.center{display:block;margin:auto}
.indentedText{text-indent:-9999px}
ul.unstyled{list-style:none}
ul.unstyled li{margin:0}
ul.horizontal{list-style:none}
ul.horizontal li{float:left}

a.green:focus,a.green:active,a.green:visited,.green{color:#0c9c92;}
a.black:focus,a.black:active,a.black:visited,.black{color:#000;}

.Helvetica{font-family: 'Helvetica'}
.Helvetica-LT{font-family: 'Helvetica-LT'}
.Helvetica-IT{font-family: 'Helvetica-IT', 'Helvetica'}
.Helvetica-BD{font-family: 'Helvetica-BD'}
.Helvetica-BLK{font-family: 'Helvetica-BLK'}

.sprites{
    background-image: url('../img/sprites.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
/* =============================================================================
   CSS3
   ========================================================================== */
.rounded{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.roundedM{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.roundedTop{-moz-border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0}
.roundedBottom{-moz-border-radius: 0 0 12px 12px;-webkit-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px}
.roundedLeftTop{-moz-border-radius:12px 0 0 0;-webkit-border-radius:12px 0 0 0;border-radius:12px 0 0 0}
.roundedLeftBottom{-moz-border-radius:0 0 0 12px;-webkit-border-radius:0 0 0 12px;border-radius:0 0 0 12px}
.roundedRightTop{-moz-border-radius:0 12px 0 0;-webkit-border-radius:0 12px 0 0;border-radius:0 12px 0 0}
.roundedRightBottom{-moz-border-radius:0 0 12px 0;-webkit-border-radius:0 0 12px 0;border-radius:0 0 12px 0}
.gradient{background-image: -moz-linear-gradient(top, #52555b, #86888b);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #86888b),color-stop(1, #52555b)); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52555b', endColorstr='#86888b')"}
.gradientRadial{background: -moz-radial-gradient(center 45deg, circle closest-corner, #FFFFFF 65%, #C1C1C1 90%);background: -webkit-gradient(radial, center center, 65, center center, 90, from(#FFFFFF), to(#C1C1C1))}
.rotate{-webkit-transform: rotate(180deg);-moz-transform: rotate(-180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)/* 1 = 90°, 2 = 180° or 3 = 270° */}
.textShadow{text-shadow:1px 1px 1px #666}
.boxShadow{-moz-box-shadow:1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc}
.boxShadowInner{-moz-box-shadow:inset 1px 1px 3px #ccc;-webkit-box-shadow:inset 1px 1px 3px #ccc;box-shadow:inset 1px 1px 3px #ccc}

/* =============================================================================
   Main Layout
   ========================================================================== */
.wrap{width:1195px;margin:0 auto; position: relative;}
h2.title{
  font-family: 'Helvetica-BD';
  text-transform: uppercase;
  font-size: 0.875em;
  color: #fff;
  padding: 15px 30px;
  float: right;
  clear: both;
  margin: 0 80px 30px 0;
  background: url(../img/title-bg.png) no-repeat bottom right;
  visibility: hidden;
}
.link360{
  position: absolute;
  top: 28px;
  right: 0;
  text-transform: uppercase;
  font-family: 'Helvetica-BD';
  font-size: 0.875em;
  background: url('../img/link-header.gif') no-repeat top right;
  padding: 5px 30px 10px 0;
}
.link360:hover{text-decoration: none; color: #fff}
.box{
  background: #fff;
  padding: 20px 50px;
  clear: both;
  width: 1018px;
  margin: 0 0 0 40px;
  *margin:80px 0 0 40px !important;
  position: relative;
}
.box.topLR:before{
  content: '';
  width: 100%;
  height: 25px;
  background: url(../img/box-top-lr.png) no-repeat;
  position: absolute;
  top: -25px;
  left: 0px;
  z-index: 100
}
.box.topRL:before{
  content: '';
  width: 100%;
  height: 25px;
  background: url(../img/box-top-rl.png) no-repeat;
  position: absolute;
  top: -25px;
  left: 0px;
  z-index: 100
}
.box.bottomLR:after{
  content: '';
  width: 100%;
  height: 25px;
  background: url(../img/box-bottom-lr.png) no-repeat;
  position: absolute;
  bottom: -25px;
  left: 0px;
  z-index: 100
}
.box.bottomRL:after{
  content: '';
  width: 100%;
  height: 65px;
  background: url(../img/box-bottom-rl.png) no-repeat;
  position: absolute;
  bottom: -65px;
  left: 0px;
  z-index: 100
}
/*comunicacion*/
section.comunicacion{
  height: 860px;
  *height: 960px
}
.comunicacion .wr-slider-comunicacion{
  height: 425px;
  width: 1110px;
  margin: 0 0 15px 40px;
  float: left;
  position: relative;
}
.comunicacion .slider-comunicacion .slide{
  float: left;
  width: 1110px;
  height: 425px;
  position: relative;
}
.comunicacion .slider-comunicacion .slide .texto{
  width: 470px;
  height: 250px;
  position: absolute;
  top: 25px;
  right: 0;
  background: #2d2b31;
  color: #fff;
  padding: 60px 30px;
  font-family: 'Helvetica-LT', 'Helvetica'
}
.comunicacion .slider-comunicacion .slide .texto p{font-size: 1.2em}
.comunicacion .slider-comunicacion .slide span{
  text-transform: uppercase;
  font-family: 'Helvetica-IT', 'Helvetica'
}
.comunicacion .slider-comunicacion .slide .texto:before{
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -50px;
  top: 0;
  border-left: 50px solid transparent;
  border-right: 0 solid transparent;
  border-top: 370px solid #2d2b31;
}
.comunicacion .slider-comunicacion .slide .texto:after{
  content: '';
  width: 28px;
  height: 20px;
  position: absolute;
  right: 0px;
  bottom: -30px;
  background: url(../img/sprites.png) no-repeat -276px -47px;
}
.comunicacion .slider-comunicacion .slide .texto h3{
  color: #0c9c92;
  line-height: 1.1em;
  font-size: 1.7em;
  margin: 15px 0;
  font-family: 'Helvetica-LT','Helvetica'
}
.comunicacion .slider-comunicacion .slide .btn-more{
  font-family: 'Helvetica-BD';
  text-transform: uppercase;
  font-size: 0.875em;
  color: #fff;
  padding: 20px 22px 20px 50px;
  background-position: -462px -62px;
  background-color: #000;
  position: absolute;
  bottom: -15px;
  left: 65px;
}
.comunicacion .mask{height: 425px;overflow: hidden;}
.comunicacion .slider-comunicacion .slide .btn-more:hover{
  color: #0c9c92;
  text-decoration: none;
}
.comunicacion .slider-noticias{height: 300px !important; overflow: hidden;}
.comunicacion .box .caroufredsel_wrapper{width: 1013px !important}
section.bio{
  height: 695px;
  background: url(../img/bg-section-bio.jpg) no-repeat top center;
}
.bio .compartir{
  position: absolute;
  top: 528px;
  right: 40px;
}
.bio h2.title{
  margin-top: 25px
}
.bio .minicv{
  background: #0c9c92;
  color: #fff;
  width: 450px;
  height: 355px;
  padding: 5px 40px;
  font-family: 'Helvetica-LT', 'Helvetica';
  font-size: 1.1em;
  margin: 20px 20px 0 0;
  clear: both;
  position: relative;
}
.bio .minicv:before{
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -50px;
  top: 0;
  border-left: 50px solid transparent;
  border-right: 0 solid transparent;
  border-top: 365px solid #0c9c92;
}
.bio .minicv .btn-cv{
  font-family: 'Helvetica-BLK';
  text-transform: uppercase;
  font-size: 1.1em;
  color: #fff;
  padding: 20px 22px 20px 50px;
  float: left;
  clear: both;
  background-position: -458px 20px;
  background-color: #000;
  margin: 10px 0 0 125px
}
.bio .minicv .btn-cv:hover{
  color: #0c9c92;
  text-decoration: none;
}
.bio .box span{
  color: #454545;
  margin: 8px 0 0 415px;
  float: left;
  font-family: 'Helvetica-IT', 'Helvetica';
  font-size: 1.1em;
}
.bio .box{margin-top: 85px}
.bio .redes{margin: 0}
.redes li{
  width: 80px;
  *width: 75px;
  height: 40px;
  border-left: 1px solid #ccc
}
.redes li a{display: block; height: 40px}
.redes li a:hover{opacity: 0.5}
.redes li .fb{background-position: 29px -90px;}
.redes li .tw{background-position: -50px -90px;}
.redes li .gp{background-position: -130px -90px;}
.redes li .it{background-position: -208px -90px;}
.redes li .yt{background-position: -290px -90px;}
.redes li .fl{background-position: -365px -90px;}

section.servicios{
  height: 725px;
}
section.academico{
  height: 1280px;
  *height: 900px;
  background: url(../img/bg-section-academia.jpg) no-repeat top center;
  padding-top: 0;
  *padding-top: 400px
}
section.participacion{
  height: 820px;
  *height: 800px
}
section.publicaciones{
  height: 1292px;
  *height: 1050px;
  padding-top: 0;
  *padding-top: 150px;
  background: url(../img/bg-section-publicaciones.jpg) no-repeat top center;
}
.publicaciones .box{
  margin-top: 280px !important
}
.publicaciones h4{
  font-size: 0.9em !important
}
.publicaciones .slide{
  height: 420px !important
}
section.prensa{
  height: 740px;
  *height: 650px;
}
.prensa .slide{
  width: 440px !important;
  height: 410px !important
}
.prensa .slide li{
  margin: 0 0 15px 0;
  *margin: 0 0 10px 0;
  color: #000
}
.prensa .slide li span{
  font-family: 'Helvetica-IT', 'Helvetica'
}
.prensa .slide p{
  color:#0c9c92;
  text-transform: uppercase;
  margin:4px 0;
  line-height: 1.2em
}
.prensa .slide .link{
  color:#6c7275;
  background-position: -480px -45px;
  padding: 0 0 0 30px;
  font-size: 0.9em
}
.prensa .slide .link:hover{
  text-decoration: none;
  color: #000
}
section.talleres{
  height: 725px;
  *height: 500px;
  padding-top: 0;
  *padding-top: 400px;
  background: url(../img/bg-section-talleres.jpg) no-repeat top center;
}
.talleres .box{
  margin-top: 99px;
  margin-left: 250px;
  padding: 10px 10px;
  width: 925px;
  position: relative;
}
.talleres .intro{
    float: left;
    width: 300px;
    padding: 20px;
    font-size: 1em;
}
.talleres .texto{
  float: right;
  width: 520px;
  padding: 25px 20px 25px 40px;
  color: #6c7275;
  font-size: 0.925em;
}
section.contacto{
  height: 640px;
  *height: 600px;
}
.contacto .datos{
  width: 310px;
  float: left;
}
.contacto .comentario{
  width: 620px;
  float: right;
  padding: 1px 0 0 40px
}
.contacto input{
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 16px 3px;
  width: 100%;
  color: #000;
  font-size: 1.1em;
  font-family: 'Helvetica';
}
input:focus, textarea:focus{
  outline: none;
}
.contacto textarea{
  text-transform: uppercase;
  width: 100%;
  height: 305px;
  padding: 0px 3px;
  margin: 0 0 50px 0;
  border: none;
  color: #000;
  font-size: 1.1em;
  font-family: 'Helvetica';
  resize:none;
  line-height: 3.425em;
  background:url(../img/textarea.gif) repeat-x 0 4px;
}
.contacto button{
  background: #0c9c92;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  float: right;
  width: 135px;
  padding: 18px 0;
  margin: 0 0 0 25px
}
.contacto button:hover{background: #2d2b31}
.contacto .enviado{font-size: 1.1em; padding: 18px 0 0 0}
/*ie7/8/9*/
.contacto label{display: block\9; color: #ccc\9; text-transform: uppercase\9; margin-top: 5px}
/*Solo ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .contacto label{display: none;}
}
/*Noticias*/
.noticia .data{
  float: left;
  width: 300px;
  margin: 0 40px 0 0;
  padding: 15px 0 0 0
}
.noticia .data h3{
  line-height: 1.1em;
  font-size: 1.7em;
  margin: 10px 0 25px 0
}
.noticia .texto{
  float: left;
  width: 615px;
  border-left: 1px solid #cccccc;
  padding: 15px 0 15px 40px
}
.noticia p{
  font-size: 1.1em
}
.noticia img{
  margin: 15px 0
}
.wr-slider-noticias .caroufredsel_wrapper{width: 1000px !important}
.slider-noticias .slide{
  width: 245px;
  height: 280px;
  padding: 10px 46px;
  float: left;
  border-right: 1px solid #ccc;
  position: relative;
}
.slider-noticias .slide img{
  width: 242px;
  height: 148px;
}
.slider-noticias .slide span{
  background: #0c9c92;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 0.875em;
  position: absolute;
  top: 140px;
  left: 60px;
  font-family: 'Helvetica-IT', 'Helvetica'
}
.slider-noticias p{
  margin: 25px 0 15px 0;;
  line-height: 1.2em;
}
.slider-noticias a.more{
  color: #6c7275;
  font-size: 0.875em;
  background-position: -200px -42px;
  padding: 0 0 0 30px;
  font-family: 'Helvetica-IT', 'Helvetica'
}
.slider-noticias a.more:hover{
  text-decoration: none;
  color:#000;
}
.prev, .next{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin: -40px 0 0 0;
  z-index: 100
}
.prev{left: -40px}
.next{right: -40px; background-position: -80px 0}
.noticia .texto a{color:#0c9c92} 

/* =============================================================================
   Header
   ========================================================================== */
header{
  height: 100px;
  background: #2d2b31;
  position: fixed;
  width:1195px;
  margin: 0 0 0 -598px;
  z-index:10000;
  left: 50%;
  top: 0
}
header .logo{
  width: 290px;
  height: 132px;
  position: absolute;
  top: 0;
  left: 40px
}

/* =============================================================================
   Nav
   ========================================================================== */
nav{
   padding: 24px 0 0 370px;
}
nav ul{
  float: left;
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
  border-right: 1px solid #424146
}
nav li{line-height: 1.1em}
nav li a{
  color: #c1c1c3;
  text-transform: uppercase;
  font-family: 'Helvetica';
  font-size: 0.875em
}
nav li a:hover{color: #0c9c92; text-decoration: none;}
nav li a.selected{color: #cbad0d}
a.btn-contacto{
  width: 35px;
  height: 25px;
  display: block;
  float: left;
  padding: 12px 0 12px 25px;
  margin: 2px 30px 0 0;
  border-right: 1px solid #424146;
  background-position: -198px 11px;
}
nav ul.redes{
  border:none;
  margin: 0
}
nav ul.redes li.sprites{
  background-position: -274px 0;
  width: 30px;
  height: 30px;
  margin: 12px 0 0 0;
  padding: 8px 0;
  position: relative;
}
nav ul.redes li.sprites:hover{
  cursor: pointer;
}
nav ul.redes li.sprites:hover > ul{
  display: block;
}
nav ul.redes ul{
  width: 350px;
  height: 25px;
  background: url(../img/redes-bg.png) no-repeat bottom right;
  position: absolute;
  right: -36px;
  top: 40px;
  z-index: 1001;
  margin: 0;
  padding: 55px 0 55px 50px;
  border: none;
}
/* =============================================================================
   Footer
   ========================================================================== */
footer{
  width: 100%;
  margin-top: 40px !important;
  color: #fff;
  float: left;
}

footer .wrap{
  background: #2d2b31;
  height: 50px;
  padding: 25px 0 0 0;
  font-size: 0.95em
}
footer a.btn-contacto{
  padding: 0;
  height: 22px;
  background-position: -198px 3px;
}
footer a:hover{
  text-decoration: none;;
  opacity: 0.7
}
/* =============================================================================
   Common
   ========================================================================== */
/* Button */
.button{}
.button:hover{}
.button:focus{}
.button:active{}
.button:visited{}
/* Accessibility */
#go-main-content{width:1px;height:1px;overflow:hidden;position:absolute;left:-10000px;top:auto}
/* Messages */
.error{}
.success{}
.notice{}
/* Pagination */
/* Widgets */
/* Search form */
/* Articles */


.wr-slider ul li{
  list-style: none;
  padding: 6px 0 6px 20px;
  background: url(../img/bullet-green.gif) no-repeat left 12px;
  line-height: 1.2em;
}
.wr-slider p{
  padding: 6px 0;
  line-height: 1.2em
}
.templateComun h3{
  line-height: 1.1em;
  float: left;
  width: 310px;
  margin: 0 0 0 35px
}
.templateComun .quote{
  float: right;
  width: 610px;
  font-size: 1.1em;
  padding: 0 10px 0 0
}
.templateComun .quote p.green{
  font-family: 'Helvetica-IT','Helvetica';
  font-size: 1.1em
}
.templateComun .autor{
  font-size: 0.775em
}
.templateComun .caroufredsel_wrapper{
  width: 1000px !important;
}
.templateComun .wr-slider{
  position: relative;
  float: left;
  width: 100%
}
.templateComun .wr-slider .slide{
  width: 270px;
  height: 492px;
  overflow: hidden;
  margin: 30px 15px;
  padding: 20px 28px 0 10px;
  color: #6c7275;
  font-size: 0.925em;
  float: left;
  border-right: 1px solid #ccc
}
.templateComun h4{
  font-size: 0.825em;
  text-transform: uppercase;
  font-family: 'Helvetica-BLK';
  color: #0c9c92
}
.templateComun .wr-slider .slide p strong{
  color: #000;
  font-size: 0.9em
}
.templateComun .wr-slider .prev{left: -90px}
.templateComun .wr-slider .next{right: -90px}

.templateComun .btn-cv-blanco{
  font-family: 'Helvetica-BLK';
  text-transform: uppercase;
  font-size: 0.875em;
  color: #0c9c92;
  padding: 20px 22px 20px 50px;
  float: left;
  clear: both;
  background-position: -464px -104px;
  border: 1px solid #cfcfcf
}
.templateComun .btn-cv-blanco:hover{
  color: #000;
  text-decoration: none;
}
/* =============================================================================
   Fonts
   ========================================================================== */
@font-face{
font-family:'Helvetica';
src: url('../fonts/helveticaneueltstd-roman-webfont.eot');
src: url('../fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
   url('../fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
   url('../fonts/.svg#Helvetica') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'Helvetica-LT';
src: url('../fonts/helveticaneueltstd-lt.eot');
src: url('../fonts/helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneueltstd-lt.ttf') format('truetype'),
    url('../fonts/.svg#Helvetica-LT') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'Helvetica-IT';
src: url('../fonts/helveticaneueltstd-it.eot');
src: url('../fonts/helveticaneueltstd-it.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneueltstd-it.ttf') format('truetype'),
    url('../fonts/.svg#Helvetica-IT') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'Helvetica-BD';
src: url('../fonts/helveticaneueltstd-bold-webfont.eot');
src: url('../fonts/helveticaneueltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneueltstd-bold-webfont.woff') format('woff'),
    url('../fonts/helveticaneueltstd-bold-webfont.ttf') format('truetype'),
    url('../fonts/.svg#Helvetica-BD') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'Helvetica-BLK';
src: url('../fonts/helveticaneueltstd-blk-webfont.eot');
src: url('../fonts/helveticaneueltstd-blk-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneueltstd-blk-webfont.woff') format('woff'),
    url('../fonts/helveticaneueltstd-blk-webfont.ttf') format('truetype'),
    url('../fonts/.svg#Helvetica-BLK') format('svg');
font-weight:normal;
font-style:normal
}

/* =============================================================================
   Primary styles
   ========================================================================== */


/* =============================================================================
   Other devices
   ========================================================================== */
/* Smartphones (portrait and landscape) */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
.hideMobile{display:none!important}
.showMobile{display:block!important}
.mobileWidth{width: 100%!important}
}

/* Smartphones (landscape) */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
.hideTablet{display:none!important}
.showTablet{display:block!important}
.tabletWidth{width: 100%!important}
}

/* iPads (landscape) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Print */
@media print{
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")"}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
}