@colorTitulo : #009de3;
 @Titulopx : 30px;
 @colorCorporativo1 : #006092;
 @colorCorporativo2 : #26A9E0;
 @colorCorporativo3 : #CCFFFF;
 @ColorParrafo : #333;
 @Parrafopx : 14px;
 @fuentenueva : 'Oxygen', sans-serif;
 @ColorFondo : rgba(255, 255, 255, 0);

body {
	background-image: @Fondoimg;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	background-repeat: repeat;
	background-color:  @ColorFondo;

}
.texto a{
text-decoration: none;
color: @colorCorporativo1;
}
#pieContenedor *{
font-family: Arial,Helvetica,sans-serif;
}


a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: @colorCorporativo1;
}

/*************Color Parrafos*******************/

p,
h3,
.jumbotron h3 p,
#seccionesIntro p,
#seccionesIntro h3 {

color: @ColorParrafo; 	

}



/************Color corporativo 1**************/
h2,
.encabezado1,
.encabezado2,
.encabezado3,
#lemaContenedor #lema p,
ul.nav-pills  li a:hover,
.tipografia7,
.tipografia8,
.tipografia3,
#pieContenedor p

{
	color: @colorCorporativo1;
}

/************TITULOS**********************/
h2,
h3,
.texto h2,
.texto h3,
.block-1 > div h3
{
	font-size:  @Titulopx;  
	font-family:  @fuentenueva;
	color:  @colorTitulo;
}

h3 { font-size:24px; }

.encabezado1,
.encabezado2,
.encabezado3,
#lemaContenedor #lema p{
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
}

/**
***Fuentes
***/



.texto p, 
#seccionesIntro p,
.jumbotron h3 p,
.texto ol li,
.mibody ol li,
#secciones p.tipografia1,
.texto ul li, .mibody ul li,a.button,
.texto table tr td, .mibody table tr td
 { 
font-size:  @Parrafopx; 
font-family: Arial,Helvetica,sans-serif;
color:@ColorParrafo;

}



/**
***Background Color Corporativo 1
***/
.nav li a.active,
a.button:hover,
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
#contenedorCruzCabecera,
.itemMenuLateral:hover,
.itemMenuLateral.activo,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active, 
.open .dropdown-toggle.btn-default
{
background-color: @colorCorporativo1;

}

/**	
*** Menu
**/

/**
***Color Corporativo 2
***/
.icon-plus,
.icon-phone,
.icon-mobile,
.icon-envelope,
blockquote:before, 
blockquote:after,
#contactoTwitter,
#contactoFacebook, 
#contactoLinkedin,
#contactoYoutube,
#contactoFeed
{
	color:   @colorCorporativo2;
}


/**
***
***Background Color Corporativo 2
***/

#menuBootstrap,
.nav li,
a.button,
.banner, 
.navbar-default .navbar-toggle .icon-bar,
footer,
.itemMenuLateral
{
	background:  @colorCorporativo2;
}


.navbar-default .navbar-toggle {
border: none;
}


.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}





/*****************Color white*******************/
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a,
.nav a,
/**.itemMenuLateral:hover,**/
.itemMenuLateral.activo,
ul.nav-pills  li a ,
.block-1 > div a.button,
a.button,
.banner    
{

color: white !important;

}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active, 
.open .dropdown-toggle.btn-default {
color: white;
border-color: #adadad;
}




.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: white;
border-bottom-color: white;
}

/**
Menu tratamientos
**/

.itemMenuLateralEnlace {
color: #FFFFFF;
line-height: 1;
}
.itemMenuLateralEnlace:hover {
    color: #FFFFFF !important;
}
.itemMenuLateral:hover,.itemMenuLateral.activo {
	  border: none;
    border-radius: 15px !important;
    cursor: pointer;
    cursor: hand;
}

.itemMenuLateral {
    border: none;
    line-height: 1;
}


/**
***Color Corporativo 3
***/
#cabeceraPie ul li a,
.tipografia9 
{
	color:   @colorCorporativo3;/*#CCFFFF*/
}


/**
Media Screen
**/

@media screen and (max-width: 650px){
	.dropdown-menu > li 
	{
	}
	.navbar-nav .dropdown-menu
	 {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color:  @colorCorporativo2;
		border: 0;
		box-shadow: none;
	}
}
@media screen and (max-width: 450px){
	.texto p, 
	#seccionesIntro p,
	.jumbotron h3 p,
	.texto ol li,
	.mibody ol li,
	#secciones p.tipografia1,
	.texto ul li, .mibody ul li,a.button,
	.texto table tr td, .mibody table tr td
	 { 
		
		font-size:  13px; 
		line-height: 143%;

	}
}


.o-nav,.o-footer,.button.primary:hover{
background: @colorCorporativo2;
}

.button.primary:focus{
background: @colorCorporativo1;
}

.menu>li:not(.menu-text)>a {
    color: @colorCorporativo3;
}