@charset "utf-8";

@import url("font-awesome.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1{border-bottom:1px solid;}
.row2{border-bottom:1px solid;}
.row3, .row3 a{}
.row4, .row4 a{}
.row5{border-top:1px solid;}

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:10px 0; font-size:0.9rem !important; text-transform:uppercase;}

#topbar form {padding:10px 0; font-size:0.9rem !important; text-transform:uppercase;}

#topbar *{margin:0;}
#topbar .active a, #mainav a:hover, #topbar li:hover > a{color:#FF2D00; background-color:inherit;align:left;} /*añadimos el color rojo al topbar cuando pasan el ratón */
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}

.formIdioma { /* Lo utilizamos para el selector del idioma dentro del TOP BAR */
	border:0px;
	background-color:inherit;
	text-transform:capitalize;
	font-size: 1rem;
}

.formIdioma option { /* Lo utilizamos para el selector del idioma dentro del TOP BAR */
	border:0px;
	border-color:rgba(0,0,0,.6);
	background-color:rgba(0,0,0,.6);
	color:#FFF;
	text-transform:capitalize;		
}

/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}

#header #logo{margin:5px 0px 5px 0;}
#header #logo h1{margin:0; padding:0; font-size:22px; text-transform:uppercase;}
/* Page Intro
Había 30 px, el primer elemento es el margen de arriba, el tercero el de abajo, el 4 el margen desde la izquierda--------------------------------------------------------------------------------------------------------------- */

/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:150px 0;}

#pageintro li article{display:block; max-width:75%; margin:0 auto; text-align:center;}
#pageintro li article *{margin:0;}
#pageintro li p:first-of-type{margin-bottom:10px; font-style:italic;}
#pageintro li .heading{margin-bottom:30px; font-size:3rem; word-wrap:break-word;}
#pageintro li p:nth-of-type(2){line-height:1.5rem;}
#pageintro li footer{margin-top:40px;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:40px 0;}

/* Content */
.container .content{}

.sectiontitle{display:block; max-width:90%; margin:0 auto 60px; text-align:center;}

/* añadimos para que reescale bien (título H1 en disaster recovery)
@media screen and (min-width:1201px){
	.sectiontitle{max-width:65%;}
}


@media screen and (max-width:1200px){
	.sectiontitle{max-width:70%;}
}

@media screen and (max-width:1100px){
	.sectiontitle{max-width:75%;}
}
@media screen and (max-width:1000px){
	.sectiontitle{max-width:80%;}
}

@media screen and (max-width:800px){
	.sectiontitle{max-width:85%;}
} */



.sectiontitle *{margin:0;}

.services li:nth-child(-n+3){margin-bottom:50px;}/* Adds bottom margin to the first three elements only */
.services > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.services article{display:block; text-align:center;}
.services article *{margin:0 0 15px 0;}
.services article > :last-child{margin-bottom:0;}
.services article .heading{font-size:1.2rem;}

.logos li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.logos li a{display:inline-block; max-width:100%;}

.excerpt{display:inline-block; width:100%; max-width:320px; padding-bottom:20px;}
.excerpt img{}
.excerpt .excerpttxt{display:block; position:relative; max-width:84%; margin:-40px auto; padding:20px; text-align:center; border-radius:10px;}
.excerpt .excerpttxt > ul{margin:0 0 15px 0; padding:0; font-size:.8rem;}
.excerpt .excerpttxt > ul li{display:inline-block; margin-right:8px;}
.excerpt .excerpttxt > ul li:first-child::after{margin-left:10px; content:"|";}
.excerpt .excerpttxt > ul li:last-child{margin-right:0;}
.excerpt .heading{margin:0 0 0px 0;}  /* El margen del tercer campo era de 30px. Separación entre +info y el texto anterior*/
.excerpt p:last-of-type{margin:0; padding:20px;} /* Separación entre el botón y el texto anterior (+info)*/

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}

#footer .heading{margin-bottom:50px; font-size:1.2rem;}

#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

#footer input, #footer button{border:1px solid;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:8px 18px 10px; text-transform:uppercase; font-weight:700; cursor:pointer;}

/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
This gives a smooth transition to "ALL" elements used in the layout - other than the navigation form used in mobile devices
If you don't want it to fade all elements, you have to list the ones you want to be faded individually
Delete it completely to stop fading
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .28s ease-in-out;}
#mainav form *{transition:none !important;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;align:left;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;align:left;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;align:left;}
#mainav li a{display:block; padding:30px 0;align:left;}
#mainav li li a{border:solid; border-width:0 0 1px 0;align:left;}
#mainav .drop{padding-left:15px;align:left;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px; align:left;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";} 
#mainav .drop::after{top:35px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:none;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:120px 0 15px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:middle;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
th { text-align:center;}
td{border-width:0 0px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center; border-radius:10px}

.faico a{color:#inherit; background-color:#FFF;} /* antes ponía todo background-color:#353535 (casi negro)*/
.faico a:hover{color:#FFF; background-color:#F00;}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}

/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#666; background-color:#EEEEEE;} /* antes ponía todo 222222*/
a{color:#F00;} /* antes ponía todo 00ADEF*/
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#00ADEF;}

.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}



.overlay.light{color:#474747;}
.overlay.light::after{background-color:rgba(255,255,255,.6);} /* rgba(255,255,255,.9) */

.btn, .btn.inverse:hover{color:#FFFFFF !important; background-color:#F00 !important; border-color:#F00 !important;} /* el color del fondo de antes era #00ADEF*/
.btn:hover, .btn.inverse{color:#F00 !important; background-color:#FFF !important; border-color:#F00 !important;} /* El color antes era Inherit*/

.btnTest, .btn.inverse:hover{color:#FFFFFF; background-color:#F00; border-color:#F00; border-radius:30px;} /* el color del fondo de antes era #00ADEF.*/
.btnTest:hover, .btn.inverse{color:#FFF; background-color:transparent; border-color:#FFF;} /* El color antes era Inherit*/

blockquote::before{color:rgba(255,255,255,.2);}

.icon{color:#F00; border-color:#D7D7D7;} /*  Antes ponía a{color:#00ADEF;}*/
a > .icon:hover, .services article:hover .icon{color:#FFFFFF; background-color:#F00; border-color:#00ADEF;} /*  Antes ponía color:#FFFFFF; background-color:#00ADEF; border-color:#00ADEF;*/
.fondoBlanco{background-color:#FFF; width:100%}

p.letraGrisOscuro {color:#666 !important}
h1.letraGrisOscuro, h2.letraGrisOscuro, h3.letraGrisOscuro, h4.letraGrisOscuro {color:#666 !important}
table.letraGrisOscuro {color:#666 !important}


/* Rows */
.row0, .row0 a{color:#474747; background-color:#EFEFEF;}
.row1{color:#474747; background-color:#FFFFFF;}
.row2{color:#474747; background-color:#EFEFEF; border-color:#D7D7D7;}
.row3{color:#474747; } /* Lo quitamos ya que coincide con la clase de Greatness, usada para las cifras que cambian del index.    background-color:#FFFFFF;*/
.row4{color:#CBCBCB; background-color:#222222; } /* Lo quitamos ya que coincide con un estilo de "Eventoz" background-color:#222222;*/
.row5, .row5 a{color:#CBCBCB; background-color:#222222;}
.row5{border-color:rgba(255,255,255,.1);}


/* Top Bar */
#topbar ul li{border-color:rgba(0,0,0,.1);}
#topbar > div:last-of-type li:first-child a{color:#999;} /*  Antes ponía a{color:#00ADEF;}*/
#topbar > div:last-of-type li:first-child:hover a{color:#F00;} 


/* Header */
#header #logo a{color:inherit;}


/* Content Area */
.excerpt .excerpttxt{color:inherit; background-color:#FFFFFF;}


/* Footer */
#footer .heading{color:#FFFFFF;}
#footer hr, #footer .borderedbox, #footer .linklist li{border-color:rgba(255,255,255,.1);}

#footer input, #footer button{border-color:transparent;}
#footer input{color:#FFFFFF; background-color:#353535;}
#footer input:focus{border-color:#00ADEF;}
#footer button{color:#FFFFFF; background-color:#F00;} /*  Antes ponía color:#FFFFFF; background-color:#00ADEF;*/


/* Navigation 00ADEF*/
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#FF2D00; background-color:inherit;align:left;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6); align:left}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#FA8072;align:left;}
#mainav form select{color:#FFFFFF; background-color:#000000;align:left;}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#00ADEF;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#00ADEF;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#00ADEF;}

#backtotop{color:#FFFFFF; background-color:#F00;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#00ADEF;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
/*	tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}  Comentamos esta línea para que la tabla de resumen colaboradores del index se vea del mismo color*/
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	/*.hoc{max-width:978px;} */
	.hoc{max-width:85%;} 
}


/* Mobile Devices. Comprobar que no se pueda bajar esto a menos, ya que en PCs en 900px todavía se podría ver el menú normal.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{padding:30px 0 15px;}
	#header #logo{margin:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth {display:block; float:none; width:auto; margin:0 0 50px 0; padding:0;}

	#topbar{padding-top:15px; text-align:center;}
	#topbar ul{margin:0 0 15px 0; line-height:normal;}

	#header{text-align:center;}
	#header #logo{margin-bottom:15px;}
/* Other
había 15 pxs--------------------------------------------------------------------------------------------------------------- */

	.sectiontitle{max-width:none; text-align:center;}
}


@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:1.6rem;}
}



/* Inicio Estilos incluidos JTB para meter switcher (utilizado en "Resumen Partners" */
.onoffswitch {
    position: relative; width: 50px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 2px solid #E3E3E3; border-radius: 20px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 20px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 28px;
    border: 2px solid #E3E3E3; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}
.tablaDescripcionSoluciones {
	border:none;
	box-shadow: 0px 0px 12px #666;
	padding:20px;
	text-align:center;
	vertical-align:central; 
	margin: 0 auto;
	margin-top:40px;
	margin-bottom: 40px;
	background-color:#f9f9f9 !important;
	border-radius:8px;
}

.tablaComparacionPartners {
	border:none;
	box-shadow: 0px 0px 12px #666;
	padding:20px;
	text-align:center;
	vertical-align:central; 
	margin: 0 auto;
	margin-top:40px;
	margin-bottom: 40px;
	background-color:#f9f9f9 !important;
}


.tablaResumenPartners {
	border:none;
	box-shadow: 0px 0px 12px #666;
	padding:20px;
	text-align:left;
	vertical-align:central; 
	margin: 0 auto;
	margin-top:40px;
	margin-bottom: 40px;
	background-color:#f9f9f9;
	border-radius:8px;
}

table.tablaComparacionPartners {
	border-radius:8px;
}
.tablaDescripcionSoluciones, tablaDescripcionSoluciones tr, .tablaDescripcionSoluciones td {
	border-radius:8px;
}

.tablaDescripcionSoluciones tr, .tablaDescripcionSoluciones td, .tablaComparacionPartners tr, .tablaComparacionPartners td{
	background-color:#f9f9f9;
}
	
/*.tablaResumenPartners tbody, .tablaResumenPartners td {
	border-radius:8px;
}*/

.tablaResumenPartners tr, .tablaResumenPartners td {
	background-color:#f9f9f9;
}
	
.tablaResumenPartnersAlineadoIzquierda {
	border:none;
	padding:20px;
	text-align:left;
	position:relative;
	left: 5%;
	margin-bottom: 40px;
	background-color:transparent;
	color:#333;
}
.tablaResumenPartnersAlineadoIzquierda tr, .tablaResumenPartnersAlineadoIzquierda td{
	background-color:transparent;
}	
.colummaFina {
	width:15px;
	color:#09F;
}
.blackLetters {
	color:#000
}
.tablaDescripcionSoluciones {
	width: 75%
}	
.tablaResumenPartners {
	width: 40%
}	
.tablaComparacionDeduplicacion{
	width: 45%;
	text-align:left !important;
}
@media screen and (max-width:1735px){
.tablaDescripcionSoluciones {width: 75%}	
.tablaResumenPartners {	width: 45%}	
.tablaComparacionDeduplicacion {width: 45%}	 /* Lo incluimos ya que sino coge los tamaños de tablaDescripcionSoluciones*/
}
@media screen and (max-width:1530px){
.tablaDescripcionSoluciones {width: 80%}	
.tablaResumenPartners {	width: 50%}	
.tablaComparacionDeduplicacion {width: 45%}	 /* Lo incluimos ya que sino coge los tamaños de tablaDescripcionSoluciones*/
}
@media screen and (max-width:1400px){
.tablaDescripcionSoluciones {	width: 85%}	
.tablaResumenPartners {	width: 55%}	
.tablaComparacionDeduplicacion {width: 50%}	
}
@media screen and (max-width:1300px){
.tablaComparacionDeduplicacion {width: 55%}	
}
@media screen and (max-width:1200px){
.tablaComparacionDeduplicacion {width: 60%}	
}
@media screen and (max-width:1150px){
.tablaDescripcionSoluciones {	width: 90%}	
.tablaResumenPartners {	width: 60%}	
.tablaComparacionDeduplicacion {width: 65%}	
}
@media screen and (max-width:1000px){
.tablaResumenPartners {	width: 80%}	
.tablaComparacionDeduplicacion {width: 85%}	
}
@media screen and (max-width:768px){
.tablaResumenPartners {	width: 80%}	

}
/* Fin Estilos incluidos JTB para meter switcher (utilizado en "Resumen Partners" */



/* Inicio Estilos letras Insima */
.estiloInsimaBlanco {
  color:#FFF !important; /* ponemos important ya que sino coge el color de estiloInsima*/
}

.estiloInsima h1 {
  font-size: 42px;
  margin-bottom: 10px;
  line-height: 1.5;
  color:#000;
  font-weight: bold;
}

.estiloInsima h2 {
  font-size: 32px;
  margin-bottom: 10px;
  line-height: 1.5;
  color:#666;
}
.estiloInsima h3 {
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 1.5;
  color:#666;
/*  font-weight: bold;*/
}
.estiloInsima p {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
  color:#666 !important;
}
@media screen and (max-width: 1280px) {
.estiloInsima h1 {
  font-size: 36px !important;
  margin-bottom: 10px;
  line-height: 1.5;
}
.estiloInsima h2 {
  font-size: 28px !important;
  margin-bottom: 10px;
  line-height: 1.5;
}
.estiloInsima h3 {
  font-size: 18px !important;
  margin-bottom: 10px;
  line-height: 1.5;
/*  font-weight: bold;*/
}
.estiloInsima p {
  font-size: 16px !important;
  margin-bottom: 10px;
  line-height: 1.5;
}
}
@media screen and (max-width: 1040px) {
.estiloInsima h1 {
  font-size: 32px !important;
  margin-bottom: 10px;
  line-height: 1.5;
}

.estiloInsima h2 {
  font-size: 24px !important;
  margin-bottom: 10px;
  line-height: 1.5;
}
.estiloInsima h3 {
  font-size: 16px !important;
  margin-bottom: 10px;
  line-height: 1.5;
/*  font-weight: bold;*/
}
.estiloInsima p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5;
}
}
/* Fin Estilos letras Insima */

/* Estilos para caracteristicas y beneficios principales index. Que al pasar el cursor por encima se vea el texto */
.team-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	height: 100%;
	width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;	
}
.team-overlay .img-overlay {
	height: 100%;
	width: 100%;
}
.team-member-holder:hover .team-overlay{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.works-overlay .img-overlay {
	height: 100%;
	width: 100%;
}

.overlay-content {
	text-align: center;
	position: absolute;
	top: 0;
	width: 100%;
/*	text-transform:uppercase; */
	opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;	
}
.img-holder:hover .overlay-content{
	opacity: 1;
	top: 30%;
}
.team-member-holder:hover .overlay-content{
	opacity: 1;
	top: 30%;
}

/* Fin Estilos para caracteristicas y beneficios principales index*/

@media screen and (min-width:1300px){
.container {
	width:1250px;}
}
@media screen and (min-width:1400px){
.container {
	width:1350px;}
}

/* Programamos el rediseño de las imágenes del "resumen" de empresa*/
#resumenEmpresa li {
	width:158px;
	height:210px;
}
@media screen and (min-width:800px){
#resumenEmpresa li {
	width:180px;
	height:240px;}
}
@media screen and (min-width:900px){
#resumenEmpresa li {
	width:203px;
	height:270px;}
}
@media screen and (min-width:978px){
#resumenEmpresa li {
	width:208px;
	height:277px;}
}
@media screen and (min-width:1024px){
#resumenEmpresa li {
	width:218px;
	height:290px;}
}
@media screen and (min-width:1100px){
#resumenEmpresa li {
	width:234px;
	height:312px;}
}
@media screen and (min-width:1200px){
#resumenEmpresa li {
	width:255px;
	height:340px;}
}
@media screen and (min-width:1300px){
#resumenEmpresa li {
	width:276px;
	height:368px;}
}
@media screen and (min-width:1400px){
#resumenEmpresa li {
	width:298px;
	height:397px;}
}
@media screen and (min-width:1500px){
#resumenEmpresa li {
	width:319px;
	height:425px;}
}
@media screen and (min-width:1600px){
#resumenEmpresa li {
	width:340px;
	height:453px;}
}
@media screen and (min-width:1700px){
#resumenEmpresa li {
	width:361px;
	height:482px;}
}
@media screen and (min-width:1800px){
#resumenEmpresa li {
	width:383px;
	height:510px;}
}
@media screen and (min-width:1900px){
#resumenEmpresa li {
	width:404px;
	height:538px;}
}
@media screen and (min-width:2000px){
#resumenEmpresa li {
	width:425px;
	height:567px;}
}
@media screen and (min-width:2048px){
#resumenEmpresa li {
	width:435px;
	height:580px;}
}

/* Añadimos estilos de ELSA */
.page-section-no-padding {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.spotlight-container {
    padding: 30px 0;
}
.spotlight-img-cont {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 450px;
    padding: 30px 0;
}
.height-min-450{
	min-height: 450px; /* añadimos clase para que la imagen y el texto tengan el mismo tamaño en copias-seguridad-beneficios-epsilon.php en la comparación deduplicación vs DIB*/
}
@media (min-width: 1100px) {
    .spotlight-container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .spotlight-img-cont {
        margin: 0;
    }
}
@media (max-width: 991px) {
    .container-fluid-elsa,
    .row-elsa {
        margin: 0;
        padding: 0;
    }
}
.letraCarruselFuncionalidades  {
	font-size: 16px !important;
	color:#000;
	margin-left: 15px;
	margin-right: 15px;
	text-align:left;
	text-align:justify;
}
.paddingLeftRight10 {
	padding-left:10px;
	padding-right:10px;	
}

.alignTop {
	vertical-align:top !important;
	background-color:transparent !important;
	border-color:transparent !important;
}
.alignTop tr {
	background-color:transparent !important;
}

.alignTop td {
	vertical-align:top !important;
}
.alignTop h3 {
	font-weight:bold;
}
/* Colores de tipos-copias-de-seguridad.php*/
.colorCopiaContinua, .colorCopiaContinua a  {
	color:#00b050 !important; /* Verde */
}
.colorImagenCompleta, .colorImagenCompleta a {
	color:#00b0f0 !important; /* Azul clarito */
}
.colorDifBloques, .colorDifBloques a {
	color:#ff0000 !important; /* Rojo */
}
.colorCopiaPeriodica, .colorCopiaPeriodica a{
	color:#1e4eb8 !important; /* Azul oscuro */
}
.colorCopiaHistorica, .colorCopiaHistorica a {
	color:#ff5988 !important; /* Rosa */
}

.letraJustificada {
	text-align:justify !important;
}
.alineacionIzquierda{
	text-align:left
}

.bordesFinos td {
	border-width:thin !important;
}
.filasFinas  {
}
.filasFinas table {
	border-collapse:collapse;
}
.filasFinas tr {
	border-width:thin !important;
	border-bottom: 1px solid;
	border-color:#D7D7D7;
	border-collapse:collapse;
}
.redondearImagen { /* No modificar estos valores, se usan especificamente para beneficios-distribuir-servicios-de-copias-de-seguridad.php - solo modificar si se modifica el tamaño de las imagenes */
	 border-radius:42px; /* Para que sea completamente redonda la formula es tamaño border radius = (tamaño imagen/2) + tamaño del borde*/
     border:2px solid #D7D7D7;	
}

.comparacionModelosColaboracion {
	width:80%;
	margin-left:10%;
	padding-bottom:40px;
	padding-top:50px;
}
.comparacionModelosColaboracion h1 {
	text-align:center;
}
@media screen and (min-width:1200px){
	.col-lg-cincoColumnas {
		width:20%;
	}
}
@media screen and (max-width:1200px){
.margen10centrado{
	width:90%;
	margin-left:5%
}
}
@media screen and (max-width:768px){
	.comparacionModelosColaboracion {
		width:90%;
		margin-left:5%;
		font-size:12px;
	}
}
@media screen and (max-width:700px){
	.comparacionModelosColaboracion {
		width:94%;
		margin-left:3%;
		font-size:10px;	
	}
	.colEstrechaCompModelosColaboracion{
		width:10%;
	}
}
.margenTopBottom30px {
	margin-top: 30px;
	margin-bottom:30px;

}
.encabezadoAvisoLegal {
	color:#d90000;
	margin-bottom:20px;
	margin-top:20px;
	border-bottom:1px solid;
	text-align: left;
	font-weight:bold;
}
.identado {
	padding-left:20px;
}
.imagenCentrada{
	display: block;
    margin: 2% auto 2% auto;
    text-align: center;
}

.tablaVersionesProducto tr{
	border:1px solid #D7D7D7 !important;		
	border-radius:0px;
}
.tablaVersionesProducto td{
	border-radius:0px;
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.tabFaq {
	width:90%;
	margin-left:5%;
	text-align:left;
}

.marginTop30{
	margin-top:30px
}
.marginBottom30{
	margin-bottom:30px;
}

.seccionDestacadaImagenHorizontal{
	height:268px; /* 264 tiene de alto la imagen de descargar_datasheet.jpg*/	
	}
@media screen and (max-width:750px){
.seccionDestacadaImagenHorizontal{
	height:200px; /* 264 tiene de alto la imagen de descargar_datasheet.jpg*/	
	}
}

.letrasEncabezado{ /* Estilo utilizado para las letras del encabezado / titulo */
	text-align:center 
}

/* Utilizado en los carruseles horizontales de las promociones,*/
.letrasPromocionCarrusel h1, .letrasPromocionCarrusel h2, .letrasPromocionCarrusel h3, .letrasPromocion2Carrusel h1, .letrasPromocion2Carrusel h2, .letrasPromocion2Carrusel h3{ 
	font-weight:bold;
}
.letrasPromocionCarrusel h1 {
	font-size: 40px;	
}
.letrasPromocionCarrusel h2{
	color:#09F;
	font-size: 32px;	
}
.letrasPromocionCarrusel p{
	font-size: 18px;
	margin-bottom:0px;
}

.letrasPromocion2Carrusel h1 {
	font-size: 36px;	
}
.letrasPromocion2Carrusel h2{
	font-size: 32px;	
}
.letrasPromocion2Carrusel p{
	font-size: 18px;
	margin-bottom:0px;
}

.letrasPromocion2Carrusel span {
	color:#0F0;	/* verde */
}
.formatoPromocion2Carrusel{
	padding-right:40px;
	padding-left:0px;
	margin-bottom:0px !important;
	color:#FFF !important;
}
.formatoPromocion2Carrusel h1, .formatoPromocion2Carrusel h2, .formatoPromocion2Carrusel h3{
	color:#FFF !important;
	padding-bottom:0px !important;
}
.letrasPromocionCarrusel i {
	color:#09F; /* Azul */
}
.tablaTransparente{
	display:table
}
.tablaTransparente, .tablaTransparente tr, .tablaTransparente td{
	background-color:transparent !important;
	border-color:transparent !important;
	padding: 5px 5px 5px 5px !important;
	border: 0px;
	line-height:normal;
}
.tablaTransparente tr, .tablaTransparente td{
	vertical-align: middle;
}
.tablaTransparente i {
	color:#09f !important;
}
.btnPromocion{
	margin-top:20px;
	z-index:99999;
}
.indicadoresEstrecho {
	width:20% !important;
	left:70% !important;
}

@media screen and (min-width:1200px){
.escalarError404{
	min-width:1200px;
	min-height:687px;
	background-size:100% 100%;	
}
}
@media screen and (min-width:1380px){
.escalarError404{
	min-width:1380px;
	min-height:790px;
	background-size:100% 100%;	
}
}

@media screen and (max-width:1310px){
	.letrasPromocion2Carrusel h1 {
		font-size: 32px;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 30px;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 16px;	 
	}

}
@media screen and (max-width:1200px){
	.letrasPromocionCarrusel h1 {
		font-size: 36px;	
	}
	.letrasPromocionCarrusel h2{
		font-size: 28px;	
	}
	.letrasPromocionCarrusel p{
		font-size: 14px;	 
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 30px;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 26px;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 14px;	 
	}
	.escalarError404{
		min-height:687px;
		background-size: 100% 100%;
	}
}
@media screen and (max-width:1100px){
	.letrasPromocionCarrusel h1 {
		font-size: 32px;	
	}
	.letrasPromocionCarrusel h2{
		font-size: 24px;	
	}
	.letrasPromocionCarrusel p{
		font-size: 14px;	 
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 26px;
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 24px;	
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 14px;	 
	}
	.escalarError404{
		min-height:630px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:1024px){
	.letrasPromocionCarrusel h1 {
		font-size: 32px;	
		margin-bottom:10px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 24px;
		margin-bottom:10px;
				
	}
	.letrasPromocionCarrusel p{
		font-size: 14px;	 
	}
	.tablaTransparente, .tablaTransparente tr, .tablaTransparente td{
		line-height:1em !important;
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 24px;
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 22px;	
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 16px;	 
	}
	.btnPromocion {
		margin-top:10px;
	}
	.escalarError404{
		min-height:586px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:900px){
	.letrasPromocionCarrusel h1 {
		font-size: 30px;	
		margin-bottom:10px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 24px;
		margin-bottom:10px;
				
	}
	.letrasPromocionCarrusel p{
		font-size: 14px;	 
	}
	.tablaTransparente, .tablaTransparente tr, .tablaTransparente td{
		line-height:0.9em !important;
		margin-bottom:5px;
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 20px;
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 20px;	
		margin:0px 0px 10px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 16px;	 
	}
	.btnPromocion {
		margin-top:5px;
	}
	.escalarError404{
		min-height:515px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:800px){
	.letrasPromocionCarrusel h1 {
		font-size: 24px;	
		margin-bottom:10px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 20px;
		margin-bottom:10px;
				
	}
	.letrasPromocionCarrusel p{
		font-size: 12px;	 
	}
	.tablaTransparente, .tablaTransparente tr, .tablaTransparente td{
		padding: 3px 5px 3px 5px !important;
		line-height:0.8em !important;
		margin-bottom:3px;
	}
	.btnPromocion {
		height:30px;
		padding:4px 18px 8px !important;
		margin-top:10px; /* aumentamos el margin ya que al sacar el texto (días, minutos, segundos etc.) del circulo se necesita más espacio*/
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 18px;
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 18px;	
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 16px;	 
	}
	.escalarError404{
		min-height:458px;
		background-size: 100% 100%;
	}
}
@media screen and (max-width:700px){
	.letrasPromocionCarrusel h1 {
		font-size: 20px;	
		margin-bottom:5px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 18px;
		margin-bottom:5px;
				
	}
	.letrasPromocionCarrusel p{
		font-size: 11px;	 
	}
	.tablaTransparente, .tablaTransparente tr, .tablaTransparente td{
		padding: 2px 5px 2px 5px !important;
	}
	.btnPromocion {
		height:25px;
		padding:3px 18px 8px;
		font-size:12px !important;
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 14px;
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 14px;	
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 12px;	 
	}
	.carousel-caption {
		padding-top:10px;
	}
	.escalarError404{
		min-height:401px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:600px){
	.letrasPromocionCarrusel h1 {
		font-size: 16px;	
		margin-bottom:5px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 14px;
		margin-bottom:5px;
				
	}
	.letrasPromocionCarrusel p{
		font-size: 10px;	 
	}
	.btnPromocion {
		height:15px;
		padding:0px 5px 0px !important;
		font-size:8px !important;
	}
	
	.letrasPromocion2Carrusel h1 {
		font-size: 14px;
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 14px;	
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 12px;	 
	}
	.escalarError404{
		min-height:343px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:500px){
	.letrasPromocionCarrusel h1 {
		font-size: 14px;	
		margin-bottom:5px;
	}
	.letrasPromocionCarrusel h2{
		font-size: 12px;
		margin-bottom:5px;
				
	}

	.letrasPromocion2Carrusel h1 {
	font-size: 14px;
	margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel h2{
		font-size: 14px;	
		margin:0px 0px 5px 0px !important;	
	}
	.letrasPromocion2Carrusel p{
		font-size: 12px;	 
	}
	.paddingPromoCarrusel{
		padding:0px 0px;}
	.escalarError404{
		min-height:286px;
		background-size: 100% 100%;
	}
}

.alineacionDerecha{
	text-align:right
}

@media screen and (min-width:992px){
	.col-md-push-1ymedio{
		left:12.5%;
	}
}
@media screen and (min-width:1200px){
	.col-lg-push-1ymedio {
		left:12.5%;
	}
}

.h1promo {
	text-align:center;
	padding-top:40px;
	margin-bottom:30px;
	color:#F00; /* azul 09F */
	font-weight:bold;
}

.h1promoPartner {
	text-align:center !important;
	padding-top:30px;
	margin-bottom:30px;
	/*color:#F00; /* azul 09F */
	font-weight:bold;
}
.estilosPromoBaas h2{
	text-align:center;
	padding-top:0px;
	color:#F00 !important; /* azul 09F */
	font-weight:bold;
}
.estilosPromoBaas hr{
	width:80%;
	margin-top:0px;
	margin-bottom:5px;
}
.estilosPromoBaas p {
	margin-bottom:5px;	
}
.preciosPromo {
	color:#09f !important; /* Este es azul. #0f0 verde */
	font-weight:bold;
}
.preciosPromo span {
	font-size:36px; 	
}
.instalacionGratuita span {
	color:#09f; /* verde */
	text-transform:capitalize;
}
.marginTopBottom10px {
	margin: 10px 0px;

}
.estiloSeguridadDataCenter {
	border-radius:8px !important;
	width:90%;
	margin-left:5%;
}
.estiloSeguridadDataCenter h3{
	color:#09f !important;
	font-weight:bold; 
}
.estiloSeguridadDataCenter i{
	margin:5px 0px;
}
.estiloSeguridadDataCenter table {
	border:none;
	box-shadow: 0px 0px 12px #666;	
	text-align:center;
	vertical-align:central; 
	background-color:#f9f9f9 !important;
	border-radius:8px;
	margin-top:40px;	
}

.estiloSeguridadDataCenter table, .estiloSeguridadDataCenter tr, .estiloSeguridadDataCenter td {
	border-radius:8px !important;
	background-color:#f9f9f9;
}

.cc-cookies{
	position:fixed;
	width:100%;
	height:auto;
	left:0;
	top:0;
	padding:.5em;
	background-color:rgba(0,0,0,.75);	
	z-index:99999;
	text-align:center;
	overflow:hidden;
}
.cc-cookies, .cc-cookies p {
	color:#FFF;
	font-size:90%;
}
.cc-cookies a., cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	background:#79b07f;
	padding:.2em;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.25);
	text-shadow:0 -1px 0 rgba(0,0,0,0.35);
	-o-transition:background .5s ease-in;
	-webkit-transition:background .25s ease-in;
	-moz-transition:background .25s ease-in
}
.cc-cookies a. {
	margin-left:.5em
}
.cc-cookies a:hover {
	text-decoration:underline;
	-o-transition:background .5s ease-in;
	-webkit-transition:background .25s ease-in;
	-moz-transition:background .25s ease-in
}
@media screen and (max-width:768px){
.cc-cookies a {
	display:block;margin:1em 0
}
}
@media screen and (max-width:480px){
.cc-cookies{position:relative;float:left
}
}