/*  
Theme Name: kanlli
Theme URI: http://www.kanlli.com
Description: kanlli wp template
Version: 3.0
Author: Lucas Garcia
Author URI: http://www.kanlli.com
Tags: 960.gs framework
*/
/* 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* 960 */
.container_12,.container_16{margin: 0 auto;/*background: url("http://960.gs/img/12_col.gif") repeat scroll 0 0 transparent !important;*/ width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:230px}.container_12 .grid_6,.container_16 .grid_8{width:480px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:120px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
/* global */ 
body{color: #999; background: #fff; padding: 0 !important; font:13px/1.5 Verdana, Tahoma, Arial, sans-serif;}
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1 {font-size:2.3em}
h2{font-size:1.5em}
h3{font-size:1.5em}
h4, .navi{font-size:1.3em}
#sidebar h3, #creacion-3 h5 a, h5, h6 {font-size:1.2em}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:5px}


.w175 { width: 175px !important }

.req { color: #cc0000;font-weight: bold }
.post { position: relative}
.post li {
list-style-type: none !important; line-height: 26px;
background: url(images/flecha.png) no-repeat 0 5px; padding-left: 25px;
}
.wpcf7-form { 

margin:0;
width:300px;
}
.campaigns {
	display: block;
	color: #777;
	position: absolute;
	left: 0px;
	top: 30px;
	font-size: 10px
}

.blue, a {text-decoration: none; color: #A20D62}
a:hover { color: #B80562}

h1, h2, h3, h4, h5 {
	margin: 5px 0 15px 0;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.2;
	font-weight: normal
}
.inlined { display: none}

ul { list-style-type: none}
img { vertical-align: middle}

/* header */ 

#marco { margin: 25px auto 50px auto;  }

#cabecera { padding: 0; position: relative; z-index: 20; width: 960px}

.logo {	padding-top: 10px}
.body{	
	background: #fff;
	margin: 0 auto 30px auto 
}


/* post */ 

.meta li { text-transform: uppercase; line-height: 1.6}
#breadcrumbs, .date { color: #aaa; margin-right: 5px; font-size: 11px}
#breadcrumbs a { color: #AAAAAA}
#breadcrumbs a:hover { color: #A20D62}
.metashare a { margin: 0 4px}

.more {	display: block; margin: 10px 0}

/* side & footer */ 
#footer { background: url(images/separador.png) no-repeat top #eee; width: 100%; }
#footer h4 { color: #6D0054; font-weight: normal }
#footer h4 a { font-size: .8em }
.footer { color: #999; padding: 45px 0 15px 0; font-size: 11px}
.footer ul li { float: left; margin-left: 0; margin-right: 20px }
.languages {color: #999; padding: 10px 0 0 0; width: 940px !important }
.languages span { margin-right: 10px }
.languages a { color: #999 ; font-size: .85em; }
.madera { background: url(images/madera.jpg) no-repeat 10px 0; height: 119px }

/* other */
.meta li, .meta .date, .breaking {font-size: 10px}
#cajas { margin-top: 80px}
#cajas .feed { position:relative; top: -5px}
.fecha { font-size: 11px}
.feed ul { margin-top: 20px}
.feed li { width: 580px; height: 80px; text-align: justify; padding: 15px 0; position: relative; margin: 0 0 31px 0 }
.feed li span { color: #999 }
.feed li .flecha { position: absolute; top: 50%; right: -25px; background: url(images/flecha.png) no-repeat; width: 16px; height: 16px}

#sidebar { margin-top: 30px; width: 310px}
#sidebar .casos { padding: 10px; height: 160px; position: relative}
#sidebar .secciones .feedin li { font-size: 1em }
#sidebar .casos h3, #sidebar .secciones h3 { margin: 0 0 5px 0; font-size: 20px }

#sidebar li { padding: 0; margin: 0; color: #aaa }
#sidebar li.sub { padding-left: 15px !important;}

#sidebar .feed li .flecha { right: -15px }
#sidebar .feed li { width: 220px; }
#sidebar .feed li { padding: 15px 10px 15px 0; margin: 0; background: url(images/side_li.jpg) no-repeat top}

#sidebar .secciones li { height: 20px; background: none; border-top: 1px solid #F35988}
#sidebar .secciones h3 { text-shadow: 0 0 1px #970C36}
#sidebar .branding li { height: auto}
.servicio { padding: 15px 0; margin: 0; background: url(images/separador_noticia.jpg) no-repeat bottom}
.servicio h3 { text-transform: lowercase !important; font-size: 22px !important}

.arrow { margin-right: 10px; font-weight: bold; font-size: 1.2em }
.low { text-transform: lowercase}

.circular {
	width: 70px;
	height: 70px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.widget .feedin li a { text-transform: none }
	
#content { margin-top: 30px }
.contentin ul { margin: 20px 0}
.contentin ul li { list-style-type: disc}

.white { color: #fff}

.ads { margin: 10px 0 }
.mb0 { margin-bottom: 0 !important} 
.m15 { margin-top: 15px; margin-bottom: 15px }
.nb { border: 0}
.red { color: #EC292D}
.bold {font-weight: bold}
/*.black { color: #000} */
.block { display: block}

.aligncenter, .alignnone  { margin: 0 0 15px 0; text-align: left; display: block; }
.alignleft { float: left; margin: 0 15px 0 0; }
.alignright { float: right; margin: 0 0 0 15px;}

.left { float: left; }
.right { float: right }
.small {
	text-transform: uppercase;
	margin: 5px 0;
	color: #bbb;
	display: block
}
.lc { text-transform: lowercase }
.ar { text-align: right}
.al { text-align: left }
.ac { text-align: center}
.ml10 { margin-left: 10px}
.pd5 { padding: 5px }
.pdb10 { padding-bottom: 10px }
.mt10 { margin-top: 20px }
.peq { font-size: 11px; }
.pdt5 { padding: 5px 0 }
.nobold { font-weight: normal !important; }
.fr { float: right}
.widget_sm_commented li { margin-bottom: 10px !important}
.widget { margin-bottom: 20px }

.navi { margin: 10px 0 }

.caso { margin: 0 0 10px 0; background: url(images/cajagris2.png) no-repeat; width: 285px !important; height: 119px; position: relative}
.casoactive, .caso:hover { background: url(images/cajaazul2.png) no-repeat; }
.caso .grid_4 { width: 275px !important; padding: 15px}
.caso img { height: 85px}
.caso .titulo {  display: block; font-size: 16px }

/* 
	LEVEL ONE
*/

.dropdown { float: right; position: relative; top: 30px }
.dropdown a { font-size: 1em; color: #999 !important;  
 -webkit-transition: color 1s ease-in; /*safari and chrome */
 -moz-transition: color 1s ease-in; /* firefox */
 -o-transition: color 1s ease-in; /* opera */
 cursor: pointer
}
.dropdown a:hover { color: #A20D62 !important }
.dropdown li { margin: 0 !important; float: right  }

ul.dropdown ul { background: #E12E65; display: none; position: absolute; top: 101%;  right: 0px; z-index: 1000; zoom: 1; padding: 6px 5px 7px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior:url(border-radius.htc);  }
ul.dropdown ul li 		{ font-weight: normal; float: left; }
ul.dropdown ul li a		{ font-size: .80em;  color:#fff !important; display: inline-block; float: left; margin: 0 6px 0 0; padding: 0 8px !important  } 
ul.dropdown ul li a:hover		{ color: #6D0054 !important; text-decoration: underline  } 

.dropdown li.sobrek.hover a {  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; background: #E12E65 !important; color: #fff !important; padding-top: 5px; padding-bottom: 10px; }
.dropdown li.servicios.hover a { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; background: #E12E65 !important; color: #fff !important; padding-top: 5px; padding-bottom: 10px}
.dropdown li.ultimo-item a {padding-right: 0}

a, a:hover { outline: 0  !important }

.page-template-page_casos-php h1.blue { margin-bottom: 0}
.clicka { width: 40px; height: 92px; display:block; text-indent: -10000px; cursor: pointer}
.reto { position: absolute; left: 1px; top: 47px; background: url(images/reto1.png) no-repeat }
.estrategia { position: absolute; top: 134px; left: 1px;background: url(images/estrategia1.png) no-repeat  }
.resultado { position: absolute; top: 219px; left: 1px; background: url(images/resultado1.png) no-repeat }

.reto:hover, .retohover { background: url(images/reto2.png) no-repeat }
.estrategia:hover, .estrategiahover { background: url(images/estrategia2.png) no-repeat  }
.resultado:hover, .resultadohover { background: url(images/resultado2.png) no-repeat }




.dropdown a.mainli { display: block; float: left; position: relative; padding: 0 15px; text-transform: uppercase }
.dropdown a { display: block; float: left; position: relative; padding: 0 15px; text-transform: uppercase }
.hover, .dropdown a.mainli:hover span.flechita { display: block }

/*
.dropdown a.mainli { text-indent: -10000px; display: block; float: left; position: relative; width: 140px; }

.dropdown a.mainli span.flechita { display: none }
.casos a.mainli { background: url(images/menu/casos_01.jpg) no-repeat top center }
.page-id-8 .casos a.mainli, .parent-pageid-8 .casos a.mainli, .casos a.mainli:hover { background: url(images/menu/casos_02.jpg) no-repeat top center}
.contacto a.mainli { background: url(images/menu/contacto_01.jpg) no-repeat top center}
.page-id-9 .contacto a.mainli, .contacto a.mainli:hover { background: url(images/menu/contacto_02.jpg) no-repeat top center}
.servicios a.mainli { background: url(images/menu/servicios_01.jpg) no-repeat top center}
.page-id-5 .servicios a.mainli, .parent-pageid-5 .servicios a.mainli, .servicios a.mainli:hover { background: url(images/menu/servicios_02.jpg) no-repeat top center}
.sobrek a.mainli { background: url(images/menu/sobre_01.jpg) no-repeat top center}
.page-id-6 .sobrek a.mainli, .parent-pageid-6 .sobrek a.mainli, .sobrek a.mainli:hover { background: url(images/menu/sobre_02.jpg) no-repeat top center}
.inicio a.mainli { background: url(images/menu/inicio_01.jpg) no-repeat top center}
.home .inicio a.mainli, .inicio a.mainli:hover { background: url(images/menu/inicio_02.jpg) no-repeat top center}
.pblog a.mainli { background: url(images/menu/blog_01.jpg) no-repeat top center}
.pblog a.mainli:hover { background: url(images/menu/blog_02.jpg) no-repeat top center}
.pblog a.mainli { width: 85px}
.servicios a.mainli, .sobrek a.mainli { width: 125px; }
.contacto a.mainli { width: 95px}
*/

.activo { color: #333 !important }

.box { color: #999; font-size: 12px; float: left; width: 100%; margin: 10px 0 !important; cursor: pointer}
.box div {  border: 1px solid #EEEEEE;
    height: 50px;
    padding: 15px 15px 45px;} 
.box h4 {   font-weight: normal; margin-bottom: 5px !important }
.box h4 a { }
ul.boxes:hover li { opacity: 0.2 }
ul.boxes li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
ul.boxes li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

ul.boxes li:hover { opacity:1; }
ul.boxes li:hover a strong { opacity:1; top:-10px; }


.boxes li {
    margin: 0;
}
.box {
    background: url("images/sombra.png") no-repeat scroll center bottom transparent !important;
    color: #999999;
    cursor: pointer;
    float: left;
    font-size: 12px;
    position: relative;
    height: 131px;
    margin: 10px 0 0 !important;
    width: 100%;
}
.box:first-child { margin-top: 0 !important; }
.box h4, .feedin li a { font-size: 14px !important; text-transform: uppercase; line-height: 20px; margin-bottom: 10px !important }

.box .icoseo { position: absolute; right: 12px; top: 25px; background: url(images/iconitos.png) no-repeat 0 0; width: 58px; height: 58px; float: left; display: block}
.box .icosem { position: absolute; right: 12px; top: 25px; background: url(images/iconitos.png) no-repeat 0 -110px; width: 58px; height: 58px; float: left; display: block}
.box .icosm { position: absolute; right: 12px; top: 25px; background: url(images/iconitos.png) no-repeat 0 -57px; width: 58px; height: 54px; float: left; display: block}
.box .ico  { position: absolute; right: 12px; top: 25px; width: 58px; height: 54px; float: left; display: block}


.box .txt { width: 200px; float: left}



.feedin li a { font-size: 12px !important; line-height: 18px; font-weight: normal }

#sidebar .secciones .feedin { background: none repeat scroll 0 0 #E12E65; padding: 15px; -moz-border-radius: 12px; -webkit-border-radius: 12px }
#sidebar .branding { padding: 15px }
#sidebar .secciones .feedin a, #sidebar .secciones .feedin h3 { color: #fff }



.logoscert { margin: 15px auto}
.textfooter { margin-top: 40px; border-top: 1px dotted #ccc; padding-top: 20px; text-align: center; margin-bottom: 25px  }

.titulocaso { font-size: 2em }
.boxHover a, .boxHover, .boxHover h4 { color: #fff; cursor: pointer } 
.imagevideo { margin: 10px 20px 0 20px }
.madera ul { padding: 25px 35px }
.madera li { width: 115px !important }
#first_footer { margin: 20px 0 40px 0}
.newsletter { position: relative; background: url(images/newsletter_box.png) no-repeat 10px 0; height: 119px; right: 5px}
.boxes { padding: 0 !important; margin: 0 !important }
.boxes li { margin: 0}

.twitter a { background: url(images/twitter.png) no-repeat; display: block; float: left; width: 102px; height: 26px; text-indent: -10000px }
.twitter a:hover { background: url(images/twitter_1.png) no-repeat; display: block; float: left; width: 102px; height: 26px; text-indent: -10000px }

.facebook a { background: url(images/facebook.png) no-repeat; display: block; float: left; width: 99px; height: 24px; text-indent: -10000px }
.facebook a:hover { background: url(images/facebook_2.png) no-repeat; display: block; float: left; width: 99px; height: 24px; text-indent: -10000px }

.youtube a { background: url(images/youtube.png) no-repeat; display: block; float: left; width: 82px; height: 36px; text-indent: -10000px; position: relative; top: -4px }
.youtube a:hover { background: url(images/youtube_2.png) no-repeat; display: block; float: left; width: 82px; height: 36px; text-indent: -10000px }

.linkedin a { background: url(images/linkedin.png) no-repeat; display: block; float: left; width: 96px; height: 30px; text-indent: -10000px; position: relative; top: -2px }
.linkedin a:hover { background: url(images/linkedin_2.png) no-repeat; display: block; float: left; width: 96px; height: 30px; text-indent: -10000px }

.caso .flecha {
position: absolute; bottom: 10px; right: 30px; background: url(images/flecha.png) no-repeat; width: 16px; height: 16px
}
.flechahover {
cursor: pointer
}
.flechahover .flecha {
background: url(images/flecha_hover.png) no-repeat !important;
}

.select_caso, .more {
	display: block;
	text-align: center;
	font-size: 1.8em
}

.select_caso { padding: 160px 0; text-transform: lowercase; color: #aaa }

h1 span { color: #999}
#inline1 h1 { margin-bottom: 10px !important}
.nmb { margin-top: 0}

.casofondo { background: url(images/bg_casos.png) no-repeat; width: 940px; height: 350px; position: relative}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


.wpcf7 { margin: 20px 0}
.wpcf7 label { display: block; margin: 15px 0 10px 0}
.wpcf7 textarea, .wpcf7 input {  width: 325px; color: #999; background: #fff; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 6px 4px; behavior:url(border-radius.htc);}
.wpcf7 .submit { cursor: pointer; background: #A20D62; -moz-box-shadow: 2px 2px 1px #69043d; -moz-border-radius: 6px; color: #fff; margin: 10px 0 0 0; border: 0; width: 100px}
.wpcf7 .submit:hover { background: #E12E65; color: #fff}
.wpcf7-not-valid-tip { color: #cc0000; margin-left: 5px}
input.mce_inline_error{ border: 1px solid #cc0000}
.note-required { color: #cc0000 }

.parent-pageid-70 .fondo, .page-id-70 .fondo { background: url(images/fondos/afiliacionlinea.png) no-repeat top left; width: 560px; height: 100px; display: block; position: absolute; z-index: 10000 }
.parent-pageid-15 .fondo, .page-id-15 .fondo { background: url(images/fondos/buscadoreslinea.png) no-repeat top left; width: 560px; height: 100px; display: block; position: absolute; z-index: 10000}
.parent-pageid-35 .fondo, .page-id-35 .fondo { background: url(images/fondos/sociallinea.png) no-repeat top left; width: 560px; height: 100px; display: block; position: absolute; z-index: 10000 }
.parent-pageid-83 .fondo, .page-id-83 .fondo { background: url(images/fondos/mobilelinea.png) no-repeat top left; width: 560px; height: 100px; display: block; position: absolute; z-index: 10000}
.parent-pageid-90 .fondo, .page-id-90 .fondo { background: url(images/fondos/disenolinea.png) no-repeat top left; width: 560px; height: 100px; display: block; position: absolute; z-index: 10000}

.debajo { z-index: 9000 }

.parent-pageid-35 h1, 
.parent-pageid-90 h1,
.parent-pageid-15 h1,
.parent-pageid-83 h1,
.parent-pageid-70 h1,
.page-id-90 h1, .page-id-15 h1, .page-id-35 h1, .page-id-83 h1, .page-id-70 h1 { 
	margin-bottom: 45px;
}


.dialogo { 
	margin-bottom: 15px;
	position: relative;
	top: 45px;
	left: 80px
}
.dialogo h1 { margin-bottom: 10px !important}
.ui-effects-transfer { border: 2px dotted gray; } 
	
#slideshow a {
display: none;
position: absolute !important;
}
#navigation_dots {
	margin: 0;
	position: absolute;
	top: 145px
}
#navigation_dots #dots {
width:90px;
}
#navigation_dots #dots {
float: right;
margin: 5px 20px 0 0
}
#navigation_dots #dots a.active {
background-position:0 -16px;
}
#navigation_dots #dots a {
background:transparent url(images/bg_dots.png) no-repeat scroll 0 0;
display:block;
float:left;
height:15px;
margin:2px;
text-indent:-9999px;
width:15px;
}		

.clickbuttons {
	position: relative;
	left: -85px;
	top: -47px
}
/* CARRUSEL */
.infiniteCarousel {
  width: 920px !important;
  height: 120px;
  padding: 10px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 840px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; 
  height: 195px;
  margin: 0 40px;
  position: absolute;
  top: 0;
  left: 0
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 150px;
  width: 280px;
  margin-left: 0
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
#loading { background: url(images/loader.gif) no-repeat; display: block; width: 32px; height: 32px; padding-left: 22px; margin: 10px 0; display: none }
#mc_message { float: left; width: 100%; margin: 10px 0 }
.mc_error_msg { border: 1px solid #cc0000;  }
.mc_success_msg { border: 1px solid green;  }
.mc_success_msg, .mc_error_msg { float: left; width: 95%; padding: 10px }

.susc p { margin-bottom: 10px}
.rss { background: url(images/rss.png) no-repeat left center; padding-left: 22px}
.mail { background: url(images/mail.png) no-repeat 0 5px; padding-left: 22px}

/*
 * jQuery # Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	display: none;
	background-color: #fff !important;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:47.5%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider1 .nivo-controlNav{
	position:absolute;
	left: 47.5%;
	bottom:-40px;
}
#slider1 .nivo-controlNav a {
	display:block;
	width:14px;
	height:14px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#slider1 .nivo-controlNav a.active {
	background-position:-14px 0;
}

.nivo-directionNav a {
	display:block;
	width:17px;
	height:17px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	z-index: 10000
}
a.nivo-nextNav {
	background-position:-19px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.contenido_post {margin-right: 50px;}
.contenido_post p { margin-bottom: 15px; line-height: 22px }
.form_1 { left: 30px; background: none repeat scroll 0 0 #E12E65; color: #fff !important; position:relative; top: -20px; width: 340px !important; padding: 20px; -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px }
.form_1 .req { color: #fff }
.form_1 .grid_3 { width: 190px !important  }
.form_1 .grid_5 { width: 335px !important }
.form_1 label { display: block; margin: 10px 0 5px 0}
.form_1 input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; margin-right: 20px; float: left; color: #999; border: 1px solid #E45565;  padding: 6px 4px;}
.form_1 input.radio { width:  auto }
.form_1 input.checkbox { margin-right:5px;margin-top:10px;width:  auto }
.form_1 .submit {font-size: 1.2em;text-shadow:2px 2px 1px #4a920f;cursor: pointer; background: #7fe02e; box-shadow: 2px 2px 1px #4a920f; -webkit-box-shadow: 2px 2px 1px #4a920f;-moz-box-shadow: 2px 2px 1px #4a920f; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; color: #fff; margin: 25px 0 0 0; border: 0; }
.form_1 .submit:hover { background: #fff; color: #4a920f; text-shadow: 1px 1px 0 #333 }
.form_1 input.error{ background: #ffffac; }

.form_1 label.error{clear:left; font-size: .85em; display:block;}
.form_1 label a{color:#FFF;text-decoration:underline}

.form_1 fieldset{border:3px solid #EEE; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;padding:20px; width: 340px }
.form_1 legend{color:#999;text-transform:uppercase; padding: 0 15px;}


.form_2 { left: 30px; background: none repeat scroll 0 0 #E12E65; color: #fff !important; position:relative; top: -20px; width: 340px !important; padding: 20px; -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px }
.form_2 .req { color: #fff }
.form_2 .grid_3 { width: 190px !important  }
.form_2 .grid_5 { width: 335px !important }
.form_2 label { display: block; margin: 10px 0 5px 0}
.form_2 input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; margin-right: 20px; float: left; color: #999; border: 1px solid #E45565;  padding: 6px 4px;}
.form_2 input.radio { width:  auto }
.form_2 input.checkbox { margin-right:5px;margin-top:10px;width:  auto }
.form_2 .submit {font-size: 1.2em;text-shadow:2px 2px 1px #4a920f;cursor: pointer; background: #7fe02e; box-shadow: 2px 2px 1px #4a920f; -webkit-box-shadow: 2px 2px 1px #4a920f;-moz-box-shadow: 2px 2px 1px #4a920f; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; color: #fff; margin: 25px 0 0 0; border: 0; }
.form_2 .submit:hover { background: #fff; color: #4a920f; text-shadow: 1px 1px 0 #333 }
.form_2 input.error{ background: #ffffac; }

.form_2 label.error{clear:left; font-size: .85em; display:block;}
.form_2 label a{color:#FFF;text-decoration:underline}

.form_2 fieldset{border:3px solid #EEE; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;padding:20px; width: 340px }
.form_2 legend{color:#999;text-transform:uppercase; padding: 0 15px;}


.footer h4 {
				text-shadow: 0 1px 0 #fff
}
.wrk {
				text-shadow: 0 1px 0 #fff
}
#sidebar .secciones h3  {
				text-shadow: 0 1px 0 #970C36
}

.hometit { color: #A20D62; text-transform: uppercase; font-weight: normal}

ul.sociales li a
{
	display:block;  
	height:24px;
	width:24px;		
	background:url(images/facebook.png);
	text-indent: -9999px;
	outline:none;
}
a#lifb:link { background:url(images/facebook.png); }
a#lifb:hover
{
	background:url(images/facebook_azul.png) no-repeat;
}
a#litw:link { background:url(images/twitter.png); }
a#litw:hover
{
	background:url(images/twitter_azul.png) no-repeat;
}
a#liyt:link { background:url(images/youtube.png); }
a#liyt:hover
{
	background:url(images/youtube_azul.png) no-repeat;
}

a#lilk:link { background:url(images/linkedin.png); }
a#lilk:hover
{
	background:url(images/linkedin_azul.png) no-repeat;
}