/*---------------------------------------------------------------------------------
[Grupo Familia Master Stylesheet]
Project: Grupo Familia - Extranet
Version: 1.0
Created: 29/11/2013
Last change: *********
Assigned to: IG Web Services
Primary use: Master de todo el website
---------------------------------------------------------------------------------*/

/* This style sheet contain:

1. Reset
2. Basic styles
3. Header
    3.1. Utilitary Menu
    3.2. Content Header
4. Main Menu
5. Footer
    5.1. Footer Top
    5.2. Marcas
    5.3. Footer Bottom
    5.4. Footer Menu
    5.5. Social Icons
6. Buttons
7. Banner Rotator
8. Home Sections

*/

/*=========================================
            0. Fonts
=========================================*/

@font-face {
    font-family: 'dosissemibold';
    src: url('../fonts/dosis-semibold-webfont.eot');
    src: url('../fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-semibold-webfont.woff') format('woff'),
         url('../fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*=========================================
            1. Reset
=========================================*/

* {
    margin:0;
    padding:0;}
    
/*=========================================
            2. Basic styles
=========================================*/

/*MODALES BOOTSTRAP*/
.errDialog {
	display:block !important;
}

.errDialog .modal-content {
	padding:10px;
}

.errDialog .modal-content .modal-header,
.errDialog .modal-content .modal-body, 
.errDialog .modal-content .modal-footer {
	background-color: #E3127D !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}

.infoDialog {
	display:block !important;
}

.infoDialog .modal-content {
	padding:10px;
}

.infoDialog .modal-content .modal-header,
.infoDialog .modal-content .modal-body, 
.infoDialog .modal-content .modal-footer {
	background-color: #00aeef !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}

.advDialog {
	display:block !important;
}

.advDialog .modal-content {
	padding:10px;
}

.advDialog .modal-content .modal-header,
.advDialog .modal-content .modal-body, 
.advDialog .modal-content .modal-footer {
	background-color: #ebb913 !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}

body {
    background:rbg(255,255,255);
    overflow-y:visible;
    
    }    
#contentBox {
	margin-right:0px !important;
	margin-left:0px !important;
	min-width:960px !important;}

.ms-dlgContent
{
	position:fixed !important;
}

a, a:visited {
	color: rgb(42,73,145);
	text-decoration: none;}
	
	a:hover {
		color:rgb(235,185,19);
		text-decoration:none;}
	
ul {
	list-style-position: outside;
	list-style-image: url(../images/backgrounds/bg-list-items.png);
	list-style-type: none;}
	
.ms-webpartzone-cell {
	margin: 0px !important;
}

/*=========================================
            3. Header
=========================================*/

header {
    width:100%;}
    
    /*    3.1. Utilitary Menu    */
        
    #utilitary-menu {
        width:100%;
        background:url('/Style%20Library/Images/backgrounds/bg-textura.png');}
    
        #utilitary-content {
            width:960px;
            height: 47px;
            margin:0 auto;
            color:rgb(132,131,131);
            font-family:'Dosis', sans-serif;
            font-weight:500;
            font-size:16px;
            /*padding: 10px 0;*/
            text-align: right;}
            
            #utilitary-content li {
                display:inline-block;
                list-style:none;
                margin-top: 14px;
                border-right:solid 1px rgb(132,131,131);}
                
                #welcomeMenuBox1 {
                	margin-top: -21px;}
                
                #utilitary-content li:last-child, 
                #utilitary-content li:nth-child(6) {
                    border-right:none;}
                
                #utilitary-content li a {
                    padding: 0 9px 0 6px;
                    color:rgb(132,131,131);
                    text-decoration:none;}
                    
                    #utilitary-content li a:hover {
                        color:rgb(0,83,159);
                        transition:linear 0.3s;
                        text-decoration:underline;}
                    
                    .btn-users {
                        background:rgb(235,185,19);
                        border-radius: 0 0 10px 10px;
                        padding: 15px 20px 20px 20px !important;
                        color: rgb(255,255,255) !important;}
                        
                        .btn-users:hover {
                            background:rgb(217,171,18);
                            transition:linear 0.3s;
                            text-decoration:none;}
                            
                        .btn-users img {
                        	margin-right:5px;}
                            
                        .btn-users .ms-welcome-root {
                        	padding:0px;}
                            
                        .btn-users span.ms-welcome-root a {
                        	color:white !important;}
                        	
                        .btn-users span.ms-welcome-hover {
                        	background:none;
                        	border:none;}
                        
                        .btn-users .ms-core-menu-box {
                        	background:rgb(235,185,19);
                        	border:none;
                        	font-weight:300;}
                        
                        .btn-users li.ms-core-menu-item {
							border:none !important;
                        	display:list-item !important;
                        	padding:5px 0px;}
						                       
    /*    3.2. Content Header    */
                             
    #content-header {
        width:960px;
        height:100px;
        margin:0 auto;}
        
        #logo {
            float:left;
            width:173px;
            /*padding:22px 50px;*/
           }
           
        #logo img{
           width:100%;
        }

            
        #linkedin img{
		    float: left;
		    width: 31px;
		    padding: 29px 0;
		    text-align: center;
		    margin-left: 30px;
		    cursor:pointer;
        }

        
        #search {
            float:left;
            width:675px;
            padding:29px 0;
            text-align:right;}
            
            .ms-srch-sb-border,
            .ms-srch-sb>input:focus {
				border: 1px solid rgb(42,73,145);
				border-radius: 30px;
				-moz-border-radius: 30px;
				-o-border-radius: 30px;
				-webkit-border-radius: 30px;
				-ms-border-radius: 30px;
				padding: 6px;}
				
			.ms-helperText, input.ms-helperText {
				color: rgb(132,131,131);}
				
			.ms-srch-sb>input,
			.ms-srch-sb>input:focus {
				width: 235px;
				font-size:14px;}
				
			input[type=password]:hover, 
			input[type=text]:hover, 
			input[type=file]:hover, 
			textarea:hover, 
			.sp-peoplepicker-topLevel:hover, 
			.ms-inputBox:hover {
				border-color: rgb(89,158,223);}
            
/*=========================================
            4. Main Menu
=========================================*/
            
#main-menu {
    width:1060px;
    height:52px;
    margin:0 auto;
    background:rgb(0,83,159);
    border-radius:30px;
    -moz-border-radius:30px;
    -o-border-radius:30px;
    -webkit-border-radius:30px;
    -ms-border-radius: 0 20px 20px 0;
    font-family:'Dosis', sans-serif;
    font-weight:400;
    font-size:20px;
    position: relative;
    z-index: 2;}
    
    #main-menu span {
        background: url(/Style%20Library/Images/backgrounds/bg-shadow-main-menu.png) no-repeat center top;
        display: block;
        width: 100%;
        position: absolute;
        height: 52px;
        left: 0px;
        margin-top: 51px;}
    
    #main-menu ul {
    	width:100%;
        text-align:center;
        padding:0;
        z-index:1;
        position:relative;}
    
    #main-menu ul li {
        list-style:none;}
            
	   #main-menu ul li a {color:white; text-decoration:none; padding:10px 9px 30px 9px;}
       #main-menu ul li:nth-child(1) a:hover, #main-menu ul li:nth-child(1) a.activoMenu {background:rgb(255,255,255); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; color:rgb(0,83,159); transition:linear 0.3s;}
       #main-menu ul li:nth-child(2) a:hover, #main-menu ul li:nth-child(2) a.activoMenu {background:rgb(92,179,204); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}
       #main-menu ul li:nth-child(3) a:hover, #main-menu ul li:nth-child(3) a.activoMenu {background:rgb(140,198,63); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}
       #main-menu ul li:nth-child(4) a:hover, #main-menu ul li:nth-child(4) a.activoMenu {background:rgb(133,132,136); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}
       #main-menu ul li:nth-child(5) a:hover, #main-menu ul li:nth-child(5) a.activoMenu {background:rgb(236,0,140); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}
       #main-menu ul li:nth-child(6) a:hover, #main-menu ul li:nth-child(6) a.activoMenu {background:rgb(0,174,239); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}
       #main-menu ul li:nth-child(7) a:hover, #main-menu ul li:nth-child(7) a.activoMenu {background:rgb(235,185,19); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;} 
       #main-menu ul li:nth-child(8) a:hover, #main-menu ul li:nth-child(7) a.activoMenu {background:rgb(255, 64, 24); border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; transition:linear 0.3s;}           
              
           .nivel-uno {
			    display: inline-block;
			    cursor: default;}
			 
			.nivel-uno > li {
			    display: inline-block;}
			
				.nivel-uno > li > a {
				    position: relative;
				    z-index: 510;
					display: block;}
												
				.nivel-uno > li > div, 
				.nivel-uno > li > nav  {
					position: absolute;
					display: block;
					width: 900px;
					top: 52px;
					
					opacity: 0;
					visibility: hidden;
					overflow: hidden;
					
					background:rgb(255,255,255);
					
					-webkit-transition: all .3s ease .15s;
					-moz-transition: all .3s ease .15s;
					-o-transition: all .3s ease .15s;
					-ms-transition: all .3s ease .15s;
					transition: all .3s ease .15s;
					
					border-radius:0px 0px 20px 20px;
				    -moz-border-radius:0px 0px 20px 20px;
				    -o-border-radius:0px 0px 20px 20px;
				    -webkit-border-radius:0px 0px 20px 20px;
				    -ms-border-radius:0px 0px 20px 20px;}
				
					.nivel-uno > li:hover > div, 
					.nivel-uno > li:hover > nav {
					    opacity: 1;
					    visibility: visible;
					    overflow: visible;}
			
			#opciones-nivel-dos {
				padding:10px;
				width:880px;}
			
				#opciones-nivel-dos h3 {
					font-size:14px;
					text-align:left;}
				
				#opciones-nivel-dos p {
					font-size:13px;
					text-align:left;
					color:rgb(132,131,131);
					font-family:'Open Sans', sans-serif;}
				
				#opciones-nivel-dos img {
					border:0px;}
					
			ul#ul-auxiliar > li {
				display:inline-block;
				width: 30%;
				padding: 10px 14px;
				float:left;
				text-align:left;}
			
				ul#ul-auxiliar > li:hover {
					background:rgb(229,242,255);}
						
			ul#ul-auxiliar > li > a {
				color:rgb(0,83,159);
				padding:0px;
				text-decoration:none;}
			
				ul#ul-auxiliar > li > a:visited {
					color:rgb(0,83,159);
					text-decoration: none;}
					
		        #main-menu ul#ul-auxiliar > li > a {background:none; border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; color:rgb(0,83,159);}
           
/*=========================================
            5. Footer
=========================================*/

footer {
    width:100%;
    float:left;
    padding:20px 0;
    margin-top:25px;
    background:url('/Style%20Library/Images/backgrounds/bg-textura.png');
}
    
    #content-footer {
        width:960px;
        margin:0 auto;
        font-family:'Open Sans', sans-serif;
        font-weight:300;
        color:rgb(132,131,131);}
        
        /*    5.1. Footer Top    */
        
        #content-footer-top {
            width:960px;
            float:left;}   
            
        #content-footer-top span {
            background: rgb(235,185,19);
            display: block;
            width: 30%;
            z-index: 2;
            position: absolute;
            height: 34px;
            left: 0px;
            border-radius: 0 20px 20px 0;
            -webkit-border-radius: 0 20px 20px 0;
            -moz-border-radius: 0 20px 20px 0;
            -o-border-radius: 0 20px 20px 0;
            -ms-border-radius: 0 20px 20px 0;} 
            
        #content-footer-top h2 {
            background:rgb(235,185,19);
            font-family:'Dosis', sans-serif;
            font-weight:400;
            font-size:22px;
            color:rgb(255,255,255);
            width: 20%;
            text-align: right;
            margin: 0;
            padding: 2px 30px 4px 0px;
            border-radius: 0 20px 20px 0;
            -webkit-border-radius: 0 20px 20px 0;
            -moz-border-radius: 0 20px 20px 0;
            -o-border-radius: 0 20px 20px 0;
            -ms-border-radius: 0 20px 20px 0;
            z-index: 10;
            position: relative;}
            
        /*    5.2. Marcas    */
            
        #content-footer-top ul#marcas {
            text-align:center;
            margin: 20px 0;}
            
            #content-footer-top ul#marcas li {
                display:inline-block;
                list-style:none;}
                
                #content-footer-top ul#marcas li a {
                    background: url("../Images/sprites/sprite-marcas.png") no-repeat;
                    height:85px;
                    text-indent:-5000px;
                    display:block;}
                    
                    #content-footer-top ul#marcas li a#n0 {width: 114px;background-position: -60px 13px;}
					#content-footer-top ul#marcas li a#n1 {width: 100px;background-position: -191px 13px;}
					#content-footer-top ul#marcas li a#n2 {width: 100px;background-position: -321px 13px;}
					#content-footer-top ul#marcas li a#n3 {width: 100px;background-position: -446px 13px;}
					#content-footer-top ul#marcas li a#n4 {width: 114px;background-position: -547px 13px;}
					#content-footer-top ul#marcas li a#n5 {width: 100px;background-position: -677px 13px;}
					#content-footer-top ul#marcas li a#n6 {width: 114px;background-position: -804px 13px;}
					/*#content-footer-top ul#marcas li a#n7 {width: 170px;background-position: -782px 13px;}*/
										
					#content-footer-top ul#marcas li a#n0:hover {width: 114px;background-position: -60px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n1:hover {width: 100px;background-position: -191px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n2:hover {width: 100px;background-position: -321px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n3:hover {width: 100px;background-position: -446px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n4:hover {width: 114px;background-position: -547px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n5:hover {width: 100px;background-position: -677px -64px;transition: linear 0.3s;}
					#content-footer-top ul#marcas li a#n6:hover {width: 114px;background-position: -804px -64px;transition: linear 0.3s;}
					/*#content-footer-top ul#marcas li a#n7:hover {width: 170px;background-position: -782px -64px;transition: linear 0.3s;}*/
					            
        /*    5.3. Footer Bottom    */
            
        #content-footer-bottom {
            width:960px;
            float:left;
            border-top:2px dotted rgb(222,222,222);
            padding-top:20px;}
        
            #content-footer-left {
                width: 48%;
				float: left;
				margin-right: 10px;}
                
                #content-footer-left p {
                    font-size:12px;}
            
            #content-footer-right {
                width:48% !important;
                float:left;}
                
                /*    5.4. Footer Menu    */
                
                #content-footer-right ul#footer-menu {
                    text-align:right;}
                    
                    #content-footer-right ul#footer-menu li {
                        display:inline-block;
                        list-style:none;
                        font-size:12px;
                        border-right:1px solid rgb(132,131,131);}
                        
                    #content-footer-right ul#footer-menu li:last-child {
                        border-right:none;}
                        
                        #content-footer-right ul#footer-menu li a {
                            padding: 0 5px 0 2px;
                            color:rgb(132,131,131);
                            text-decoration:none;}
                            
                            #content-footer-right ul#footer-menu li a:hover {
                                color:rgb(0,83,159);
                                transition:linear 0.3s;
                                text-decoration:underline;}
                
                /*    5.5. Social Icons    */
                
                #content-footer-right ul#social-icons {
                    float:right;
                    margin-top:10px;}
                    
                    #content-footer-right ul#social-icons li {
                        display:inline-block;
                        list-style:none;
                        font-size:12px;}
                        
                        #content-footer-right ul#social-icons li a {
                            background:url(/Style%20Library/Images/sprites/sprite-social-icons.png) no-repeat;
                            height:30px;
                            text-indent:-5000px;
                            display:block;}
                            
                            #content-footer-right ul#social-icons li a#m0 {width: 30px; background-position: -0px 0px;}
                            #content-footer-right ul#social-icons li a#m1 {width: 30px; background-position: -35px 0px;}
                            
                            #content-footer-right ul#social-icons li a#m0:hover {width: 30px; background-position: -0px -34px; transition:linear 0.3s;}
                            #content-footer-right ul#social-icons li a#m1:hover {width: 30px; background-position: -35px -34px; transition:linear 0.3s;}
                            
/*=========================================
            6. Buttons
=========================================*/

[class*="btn-color"],
.bppalbotonletra,
[class*="btn-color"]:visited {
   color:rgb(255,255,255);
    padding:8px 35px 8px 45px;;
    display:inline-block;
    border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
    -webkit-border-radius:25px;
    -ms-border-radius:25px;
    font-family:'Dosis', sans-serif;
    font-weight:400;
    font-size:18px;
    text-decoration:none;
    margin-top:15px;}

    .btn-color-darkblue {background:rgb(0,83,159) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    .btn-color-lightblue {background:rgb(0,174,239) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    .btn-color-green {background:rgb(140,198,63) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    .btn-color-pink {background:rgb(236,0,140) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    .btn-color-yellow {background:rgb(235,185,19) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    .btn-color-gray {background:rgb(133,132,136) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left;}
    
        .btn-color-darkblue:hover {background:rgb(0,52,99) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}
        .btn-color-lightblue:hover {background:rgb(0,150,207) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}
        .btn-color-green:hover {background:rgb(121,171,54) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}
        .btn-color-pink:hover {background:rgb(201,0,120) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}
        .btn-color-yellow:hover {background:rgb(217,171,18) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}
        .btn-color-gray:hover {background:rgb(112,111,115) url(/Style%20Library/Images/backgrounds/bg-ico-buttons.png) no-repeat center left; transition:linear 0.3s; color:white;}

/*=========================================
            7. Banner Rotator
=========================================*/

#banner-rotator {
    width:100%;
    float:left;
    position: relative;
    z-index: 1;
    margin-top: -26px;}
    
    #content-banner-rotator {
        width:100%;
        height:300px;}
        
        #content-banner-rotator ul {
            width:960px;
            margin:0 auto;
            position:relative;
            top:30%;
            text-align:center;}
            
            #content-banner-rotator ul li {
                list-style:none;}
                
            #content-banner-rotator #bppaltitulo h3 {
                background:url(/Style%20Library/Images/backgrounds/bg-banner-content.png) repeat;
                font-family:'Dosis', sans-serif;
                font-weight:400;
                font-size:28px;
                color:rgb(255,255,255);
                padding:10px;
                width:70%;
                margin:0 auto;
                border-radius: 10px 10px 0px 0px;
                -moz-border-radius: 10px 10px 0px 0px;
                -o-border-radius: 10px 10px 0px 0px;
                -webkit-border-radius: 10px 10px 0px 0px;
                -ms-border-radius: 10px 10px 0px 0px;}
            
            #content-banner-rotator #bppaldetalle p {
                background:url(/Style%20Library/Images/backgrounds/bg-banner-content.png) repeat;
                font-family:'Open Sans', sans-serif;
                font-weight:300;
                font-size:14px;
                color:rgb(255,255,255);
                padding:10px;
                width:80%;
                margin:0 auto;
                border-radius:10px;
                -moz-border-radius:10px;
                -o-border-radius:10px;
                -webkit-border-radius:10px;
                -ms-border-radius:10px;}
                
/* 7.1. Rotator Component */

/*.fondoHome {
	width: 100% !important;
	height: 421px !important;
	z-index: -99999;
	position: absolute;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-position: center bottom;
}*/
                
/*=========================================
            8. Home Sections
=========================================*/

#home-sections {
    width:100%;
    float:left;}
    
    #content-home {
        width:960px;
        margin:0 auto;}
        
        #content-home-left, 
        #content-home-right {
            width:480px;
            float:left;
            padding:35px 20px;
            position:relative;
            z-index:2;}
            
                #content-home-left h2, 
                #content-home-right h2 {
                    font-family:'Dosis', sans-serif;
                    font-weight:400;
                    font-size:24px;
                    line-height:25px;
                    color:rgb(0,83,159);
                    background:url(/Style%20Library/Images/backgrounds/bg-ico-headers-home.png) no-repeat center left;
                    padding-left:35px;
                    margin: 10px 0;}
                    
                #content-home-left h2, 
                #content-home-right h2 {
                    font-family:'Dosis', sans-serif;
                    font-weight:400;
                    font-size:24px;
                    line-height:25px;
                    color:rgb(0,83,159);
                    background:url(/Style%20Library/Images/backgrounds/bg-ico-headers-home.png) no-repeat center left;
                    padding-left:35px;
                    margin: 10px 0;}
                    
                #content-home-left p, 
                #content-home-right p {
                    font-family:'Open Sans', sans-serif;
                    font-weight:300;
                    font-size:14px;
                    color:rgb(132,131,131);
                    line-height:22px;
                    padding:5px;
                    width:80%}
                    
                    
                div.background-hover:hover {
                	background:rgb(229,242,255);
                	text-decoration:none;
                	border-radius:30px;
                	-o-border-radius:30px;
                	-moz-border-radius:30px;
                	-webkit-border-radius:30px;
                	-ms-border-radius:30px;}
                                        
 /*=========================================
	            9. Internal Banner
=========================================*/
	
#internal-banner {
	width:100%;
	height:10px;
 	z-index: 0;
 	position:relative;
 	top:-43px;
}
	#internal-banner img {
 		width: 100%;
 		height: 241px;
 	}
 	        
/*=========================================
	            10. Breadcrumb
=========================================*/

#breadcrumb {
 	height: 37px;
 	width:940px;
 	margin:115px auto 0 !important;
 	background:url(../images/backgrounds/bg-breadcrumb.png) repeat;
 	border-radius: 40px 40px 0px 0px;
	font-family: 'Open Sans', sans-serif !important;
 	font-size: 11px;
 	color: #fffefe;
 	padding: 12px 0 0 40px;
 	position:relative;
 	z-index:1;
 }
	#breadcrumb a {
		text-decoration: none;
 		color: #fffefe;
	}
 	#breadcrumb a:hover, #breadcrumb a:active {
 		text-decoration: underline;
 	}

/*=========================================
            11. Internal Sections
=========================================*/

.content-separator {
	width:100%;
 	float:left;
 	padding-bottom: 15px
}
h3.underline-yellow {
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(235,185,19);
}
h3.underline-lightblue {
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(0,174,239);
}
h3.underline-magenta {
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(236,0,140);
}
h3.underline-darkblue {
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(0,114,198);
}
h3.underline-green {
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(140,198,63);
}
#internal-sections {
	width:100%;
}

#content {
	width:1020px;
 	margin:0 auto;
}
	#main-content {
 		/*width: 93%;*/
 		float: left;
 		z-index: 1;
 		position: relative;
 		padding: 30px 30px 0px 30px;
 		background:rgb(255,255,255);
 		border-radius: 35px 35px 0px 0px;
 		font-family: 'Open Sans', sans-serif;
 	}
		#main-content h2 {
 			font-family:'Dosis', sans-serif;
 			font-weight:600;
 			font-size:30px;
 			/*line-height:25px;*/
 			color: #2a4991;
 			background:url(../images/backgrounds/bg-ico-headers-content.png) no-repeat center left;
 			padding-left:35px;
 			margin: 0 0 10px;
 		}
 		#main-content h3 {
 			font-family:'Dosis', sans-serif;
 			font-weight:600;
 			font-size:18px;
 			color: #009ce7;
 			margin-bottom: 10px;
  		}
 		#main-content p {
 			font-size: 14px;
 			line-height: 20px;
 			margin-bottom: 15px;
 			color: #848383;
 			font-weight: 400;
 		}
 		#main-content .internal-article ul, #main-content #featured-article ul, #main-content #content-bottom ul {
 			margin: 0;
 			padding-left: 30px;
 			list-style-type: square;
 			color: #848383;
 			font-size: 14px;
 		}
 		#main-content .internal-article ul li, #main-content #featured-article ul li, #main-content #content-bottom ul li {
 			margin-bottom: 15px;
 		}
 		#featured-article-left, #featured-article-right {
 			width:49%;
 			float:left;	
 		}
 		#featured-article-left {
 			margin-right:10px;
 		}
 		#lateral-menu {
 			width: 210px;
 			float: left;
 			margin-right: 38px;
 			font-family: 'Open Sans', sans-serif !important;
 			padding-right: 20px;
 			background: url(../images/backgrounds/bg-right-border-dots.gif) repeat-y right 0;
 		}
 			#contenedor-menu-contextual ul {
 				list-style-position: outside;
 				list-style-image: url(../images/backgrounds/bg-list-items.png);
 				list-style-type: none;
 				margin-left: 10px;
 				background: url(../images/backgrounds/bg-sombra-left-nav.png) no-repeat center bottom;
 				padding-bottom: 10px;
 				font-weight: normal;
 				font-size: 14px;
 			}
 			
 				ul#menu-contextual {
					list-style:none;
				}
				
				ul#menu-contextual > li {
					border-bottom: 1px dotted #cacaca;
				}
				
				ul#menu-contextual > li:last-child {
					border-bottom: none;
				}
								
				ul#menu-contextual > li > a {
					display: block;
				}
							
				/*Se muestran enlaces de segundo nivel*/
				#menu-contextual li:hover > ul {
					display:block;
					transition: linear 0.3s;
				}		
					
				ul#secciones-menu > li > a {
					display: block;
					font-weight:400 !important;
				} 
			
				ul#secciones-menu > li > a:hover {
					font-weight:600;
					color: white;
				}
				
				ul#secciones-menu > li > a.active {
					font-weight:600;
					color:white;
				}
					ul.menu-opciones {
						background: inherit;
						color: #fff;
					}
					ul.menu-opciones > li {
						list-style: circle !important;
}
					ul.menu-opciones > li > a {
						width: 180px;
						display: block;
						color: #fff !important;
						text-decoration: none;
						padding: 8px 8px 8px 0px;
						
						left: 54px;
						position: relative;
					}
					
					ul.menu-opciones > li > a:hover {
						font-weight:600;
						color: white;
					}
					ul#secciones-menu > li > a.active {
						font-weight:600;
						color:white;
					}

					#contenedor-menu-contextual ul li a {
						color: rgb(133,132,136);
						text-decoration: none;
						display: block;
						padding: 6px 0;
						font-weight:600;
					}
					
					#contenedor-menu-contextual ul li a:hover {
						color:white !important;
					}
					
					ul#secciones-menu {
						background:none;
						padding-bottom: 0px;
						list-style-image:url(../images/backgrounds/bg-list-items-segundo-nivel.png);
						display:none;
						margin-left: 20px;}			
						
					#contenedor-menu-contextual ul li a:hover, ul#secciones-menu li.active-contextual {
						background: rgb(0,83,159);
						border-radius: 18px;
						-o-border-radius: 18px;
						-moz-border-radius: 18px;
						-webkit-border-radius: 18px;
						-ms-border-radius: 18px;
						color: white !important;
						font-weight: 600;
						padding-left: 10px;}
						
						ul#secciones-menu li.active-contextual a {
							color:white !important;}
							
							
							
							
/********** Content ***********/
						
	#top-right, #fundacion-tabs {
		width:692px;
		float:left;
	} 
	#content-left {
		background: url(../images/backgrounds/bg-right-border-dots.gif) repeat-y right 0;
 	}
 	#content-left, #content-right {
 		width:440px;
 		float:left;
 		/*padding:35px 20px;*/
		padding:0 20px;
		margin-top: 10px;
	}
	#content-bottom-left, #content-bottom-middle, #content-bottom-right {
		width:300px;
		float:left;
		margin-right:20px;
	}
	
.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
line-height: 1.4;
color: #0072C6;
}


}
	#content-bottom-right {
		margin-right:0px;
	}
	#content-bottom {
		width:960px;
		float:left;
	}
	
/*=========================================
	   12. Internal Sections Andrés Vargas
=========================================*/

/*--------Clases multipropósito-------------*/
.ms-rteStyle-CustomStyle {
	-ms-name: "Texto Azul Claro Italic";
	color: #009ce7;
	font-style: oblique;
}
.ms-rteStyle-CustomStyle2 {
	-ms-name: "Texto Verde Sostenibilidad";
	color: rgb(140,198,63);
}
.ms-rteStyle-CustomStyle3 {
	-ms-name: "Texto Gris Inversionistas";
	color: rgb(133,132,136);
}
.ms-rteStyle-CustomStyle4 {
	-ms-name: "Texto Magenta Clientes";
	color: rgb(236,0,140);
}
.ms-rteStyle-CustomStyle5 {
	-ms-name: "Texto Azul Proveedores";
	color: rgb(0,174,239);
}
.ms-rteStyle-CustomStyle6 {
	-ms-name: "Texto Amarillo Fundación";
	color: rgb(235,185,19);
}
H2.ms-rteElement-HeadingDarkBlue {
	-ms-name: "Heading bullet azul oscuro";
}
.ms-rteElement-HeadingDarkBlue {
	background:url(../images/backgrounds/bg-ico-headers-content-blue.png) no-repeat center left !important;
}
H2.ms-rteElement-HeadingLightBlue {
	-ms-name: "Heading bullet azul claro";
}
.ms-rteElement-HeadingLightBlue {
	background:url(../images/backgrounds/bg-ico-headers-content-lightblue.png) no-repeat center left !important;
}
H2.ms-rteElement-HeadingGreen {
	-ms-name: "Heading bullet verde";
}
.ms-rteElement-HeadingGreen {
	background:url(../images/backgrounds/bg-ico-headers-content-green.png) no-repeat center left !important;
}
H2.ms-rteElement-HeadingMagenta {
	-ms-name: "Heading bullet magenta";
}
.ms-rteElement-HeadingMagenta {
	background:url(../images/backgrounds/bg-ico-headers-content-magenta.png) no-repeat center left !important;
}
H2.ms-rteElement-HeadingYellow {
	-ms-name: "Heading bullet amarillo";
}
.ms-rteElement-HeadingYellow {
	background:url(../images/backgrounds/bg-ico-headers-content-yellow.png) no-repeat center left !important;
}
/*------------------------------------------*/

#content-home-right img.img-round-top-borders-light-blue,
#content-home-left img.img-round-top-borders-light-blue {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(0,174,239);
}

.img-round-top-borders {
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
 	border-top-left-radius: 30px;
 	-moz-border-radius-topright: 30px;
 	-webkit-border-top-right-radius: 30px;
 	border-top-right-radius: 30px;
 	border-bottom: solid 4px #2a4991;
}
.img-round-top-borders-gray {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(133,132,136);
}
.img-round-top-borders-light-blue {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(0,174,239);
}
.img-round-top-borders-dark-blue {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(0,83,159);
}
.img-round-top-borders-magenta {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(236,0,140);
}
.img-round-top-borders-green {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(140,198,63);
}
.img-round-top-borders-yellow {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(253,185,19);
}

.internal-img-caption, .cqw-category {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #bebebe;
    padding: 5px;
    margin-bottom: 5px;
    width: 91.6%;
    border-radius: 0 0 16px 16px;
    padding-left: 20px;
}
.internal-img-caption a:link {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.internal-img-caption a:hover {
    text-decoration: underline;
}
.internal-article h2 {
	font-family:'Dosis', sans-serif;
	/*font-weight:400 !important;*/
	font-size:24px !important;
	color: #2a4991;
 	background:url(../images/backgrounds/bg-ico-headers-content-blue.png) no-repeat center left;
 	padding-left:25px!important;
 	margin: 0 0 20px;
}
.internal-article h3, .cqw-title h3 {
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 24px !important;
	color: #009ce7 !important;
	margin-bottom: 10px;
	width:80%;
	margin-left: 0;
}
.internal-article h3 a, .cqw-title h3 a {
	color: #009ce7;
	font-size:24px;
}
.internal-article a:hover, .cqw-title a:hover {
	color: rgb(235,185,19);
	text-decoration: none;
}
.cqw-description {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
	color: #848383;
	font-weight: 400;
}
.cqw-contenedor {
	padding-bottom: 15px;
}
.cqw-anexo a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}
.ms-paging {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
	color: #848383;
	font-weight: 400;
}
.bottom-gray-bg {
	background-color: #fafafa;
 	text-align: center;
 	padding: 0px;
}
	.bottom-gray-bg h2 {
 		font-size: 22px!important;
 		background: none!important;
 		font-weight: 400!important;
 		padding: 0!important;
 	}
 	.bottom-gray-bg a, .bottom-gray-bg a:visited {
 		color: rgb(42,73,145);
 		text-decoration: none;
 	}
 	
 		.bottom-gray-bg a:hover {
	 		color: rgb(235,185,19);
	 		text-decoration: none;
	 	}
 	
 	.bottom-docs h2 {
 		color: #fdfdfd !important;
 		font-size: 22px !important;
 		padding: 6px 0 6px 100px!important;
 		background-image: none!important;
 		background-color: #848383!important;
 		-moz-border-radius-topright: 20px;
 		-webkit-border-top-right-radius: 20px;
 		border-top-right-radius: 20px;
 		-moz-border-radius-bottomright: 20px;
 		-webkit-border-bottom-right-radius: 20px;
 		border-bottom-right-radius: 20px;
 	}
 	.bottom-document-colums, .btm-doc-column {
 		overflow: hidden;
 	}
 	.btm-doc-column {
 		float: left;
 		width: 33%;
 	}
 	.btm-doc-img {
 		width: 85px;
 		float: left!important;
 	}
 	.btm-doc-txt {
 		width: 218px;
		margin-left: 6px;
		padding-right: 3px;
 		float: left!important;
 	}
 		.btm-doc-txt h3 {
 			color: #2a4991;
 			font-size: 18px;
 			font-weight: 400;
 			font-family:'Dosis', sans-serif;
		}
 		.btm-doc-txt p {
 			font-size: 12px!important;
 		}
/*------- Estilos layout fundación -----------*/
#fundacion-tabs h2 {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 25px;
    color: #2a4991;
    background: url(../images/backgrounds/bg-ico-headers-content-yellow.png) no-repeat center left;
    padding-left: 35px;
    margin: 0 0 20px;
}
#contenidos-destacados-2-cols {
    overflow: hidden;
}
	#contenido-destacado-izq {
	    width: 460px;
	    float: left;
	}
	#contenido-destacado-der {
	    width: 460px;
	    float: left;
	    padding: 10px 20px;
	}
		#contenido-destacado-der h2 {
		    font-size: 24px;
		    font-weight: 300;
		    background-image: none;
		    padding: 0;
		}
		#contenido-destacado-der a {
		    text-decoration: none;
		    color: #334a7c;
		    text-decoration: underline;
		}	
#bloque-logros {
    background-color: #fafafa;
}
	#bloque-logros-contents {
	    overflow: hidden;
	}
		#bloque-logros-left {
		    width: 300px;
		    float: left;
		}
			#bloque-logros-left h2 {
			    display: inline-block;
			    background-color: #a1c038;
			    color: #fff;
			    font-size: 24px;
			    float: left;
			    background-image: none;
			    -moz-border-radius-topright: 25px;
			    -webkit-border-top-right-radius: 25px;
			    border-top-right-radius: 25px;
			    -moz-border-radius-bottomright: 25px;
			    -webkit-border-bottom-right-radius: 25px;
			    border-bottom-right-radius: 25px;
			    padding: 10px 20px 10px 55px;
			    text-transform: uppercase;
			    font-weight: 300;
			    margin-right: 10px;
			}
			#bloque-logros-left h3 {
			    display: inline-block;
			    float: left;
			    color: #2a4991;
			    font-size: 70px;
			    line-height: 70px;
			    font-family: 'Dosis', sans-serif;
			}
		#bloque-logros-right {
		    float: left;
		    width: 660px;
		}
			#bloque-logros-grid, .logros-grid {
			    overflow: hidden;
			}
				.logros-grid {
				    width: 320px;
				    float: left;
				    margin-right: 10px;
				    margin-bottom: 20px;
				}
				.logros-grid-img {
				    width: 60px;
				    float: left;
				    margin-right: 5px;
				}
				.logros-grid-txt {
				    width: 255px;
				    float: left;
				    color: #848383;
				}
				.logros-grid-txt p {
				    font-weight: 300 !important;
				}
					.logros-grid-txt h4 {
					    color: #2a4991;
					    font-size: 22px;
					    font-weight: 600;
					    font-family: 'Dosis', sans-serif;
					    line-height: normal;
					}

/*=========================================
	  Tab Fundacion Carolina Oquendo
=========================================*/

  #tabs {
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-weight: 600;
	height:65px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 15px;
    list-style: none;
    background-image: url(../images/site/tabFundacion/backSliderFundacion.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
    position:relative;
    top:-5px;
    -moz-border-bottom-left-radius: 15px;
    -o-border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -ms-border-bottom-left-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -o-border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -ms-border-bottom-right-radius: 15px;


  }
  #tabs ul {
      width:800px;
      margin:auto;
   
  }


  #tabs li {
    float: left;
  }

  #tabs a {
    float: left;
    position: relative;
    padding: 30px 15px 0px 15px;
    height: 35px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;      
    
      
  }

  #tabs a:hover,
  #tabs a:focus,
  #tabs .activa {
    background-color:#e9b82b;  
    border-top-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -o-border-top-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -ms-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    -o-border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -ms-border-top-right-radius: 15px;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #tabs a:focus {
    outline: 0;
  }

  #tabs #current {
    z-index: 3;
    border-bottom-color: #3d3d3d;
    opacity: 1;
    filter: alpha(opacity=100);      
  }

  


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


  /* Inversioninistas */
					
#content-bottom-left h3, #content-bottom-right h3, #content-bottom-middle h3 {
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 25px;
	color: #2a4991;
	background: none !important;
	margin: 0 0 20px;
	text-align:center;
}
#content-bottom-left, #content-bottom-right, #content-bottom-middle  {
	text-align:center;	
}

#content-bottom-left ul, #content-bottom-right ul, #content-bottom-middle ul {
	padding-left: 30px;
	color: #848383;
	font-size: 14px;
	text-align: left;
}

.contenedor p {
border-radius: 0px 0px 10px 10px !important;
-moz-border-radius: 0px 0px 10px 10px !important;
-o-border-radius: 0px 0px 10px 10px !important;
-webkit-border-radius: 0px 0px 10px 10px !important;
-ms-border-radius: 0px 0px 10px 10px !important;
}
/*---------- Sostenibilidad ----------*/
#home-sostenibilidad-cols {
	overflow: hidden;
}
.home-sostenibilidad-column {
	float: left;
	width: 33.3%;
}

	.home-sostenibilidad-column h2 {
		line-height:30px;
	}
	
.home-img-container {
	position: relative;
	width: 299px;
	height: 378px;
}
.home-img-picture {
	z-index: 1;
}
.home-img-picture img {
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top: solid 4px #a2c037;
}
.home-img-caption {
	font-size: 14px;
	color: #FFF;
	background-image: url(../images/backgrounds/bg-breadcrumb.png);
	background-repeat: repeat;
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 0px;
	padding: 15px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
/*---------- !Sostenibilidad ----------*/
/*------------------Temporal--------------------*/
#adpacks-wrapper {
	display: none;
}

/************* Calendario ***************/

.ms-acal-summary-dayrow td div {
	color: rgb(132,131,131) !important;
}

.ms-acal-month-top {
	color: rgb(0,174,239);
}

.ms-acal-display {
	color: #2a4991;
	font-size: 20px;
}

tr td div.ms-acal-today {
	color: #2a4991 !important;
	border-top: solid 1px #2a4991 !important;
}

.ms-acal-summary-dayrow > th,
tr.ms-acal-summary-dayrow > td,
tr.ms-acal-summary-itemrow > td {
	border: solid 1px #e8e8e8;
	border-top: solid 1px #e8e8e8;
	border-bottom: solid 1px #e8e8e8;
	border-left-style:none;
	border-right-style:none;
}

tr.ms-acal-summary-dayrow > td {
	border-bottom-style: none;
}

tr.ms-acal-summary-itemrow > td {
	border-top-style: none;
}

/************* Listas ***************/ 

.ms-viewheadertr {
	background-color: rgb(0,174,239);
	color: white !important;
	text-transform: uppercase;
}

.ms-headerSortTitleLink {
	color:white !important;
	font-size:13px;
}

.ms-vb2 {
	padding: 10px 0px;
}

.ms-cellstyle, .ms-cellStyleNonEditable, .ms-cellStyleMenuHover, .ms-MenuCellStyle-TdHover, .ms-MenuCellStyle-MenuDivHover {
	border-style: solid;
	border-width: 0px;
	border-bottom: 1px solid rgb(218,218,218);
}

.ms-vb, .ms-vb2, .ms-vb-user, .ms-vb-tall, .ms-pb, .ms-pb-selected {
	color: #848383;
	vertical-align: top;
}

.ms-vh-selectAllIcon {
	padding: 8px 0px;
}

.ms-vh, .ms-vh2, .ms-vhImage, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-ph {
	padding: 10px 15px 10px 5px;
}

/******************* Noticias *************/

.cbq-layout-main ul {
	padding-left:0px !important;
}
.cbq-layout-main ul li {
	list-style:none;
}

/****************** Preguntas Frecuentes *************/

.ms-vh2-nofilter {
	color: white !important;
	font-size: 13px;
}
.ms-gb2, .ms-gb2, .ms-gbload, .ms-vb-tall, .ms-vb-user, .ms-pb, .ms-gb, .ms-pb-selected td {
	color: #848383;
}

.ms-gb2, .ms-gb {
	border-bottom: 1px solid rgb(218,218,218);
	width: 723px;
}

.ms-gb2 span, .ms-gb span {
	display:none !important;
}
.ms-gb2 span.ms-commentexpand-iconouter, .ms-gb span.ms-commentexpand-iconouter {
	display:inline-block !important;
}

/****************** Documentos ********************/ 

.cqw-img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

.cwq-document a {
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	color: #009ce7;
	font-size: 24px;
}

/******************* Formulario *******************/

.contendor-formulario .label {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	line-height: 20px;
	margin-bottom: 15px;
	color: #848383 !important;
	font-weight: 400 !important;
}

.contendor-formulario input[type=text],.contendor-formulario input[type=password], 
 .contendor-formulario input[type="email"], .contendor-formulario input[type=button],
 .contendor-formulario input[type=submit],

.contendor-formulario select, .contendor-formulario textarea, 
.ms-advsrchText-v2box, .ms-advsrchText-v2 select, .ms-advsrchPropValue {
	color: #555;
    line-height: 1em;
    width: 100%;
    height: 2em;
    padding-left: 1em;
    margin-top: 0.1em;
    border: 0.1em solid #599EDF;
    border-radius: 0.4em;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font-family: "Open sans", sans-serif;
    font-size: 12px;

	
}

.contendor-formulario input[type="checkbox"], .contendor-formulario input[type="radio"] {
    width: 1.2em;
    height: 1.5em;
    margin-top: 0.3em;
    margin-right: 0.1em;
    padding-bottom: 0.5em;
    float: left;
    /*border: 1em solid #599EDF !important;*/
}

	.contendor-formulario input:hover, .contendor-formulario input:focus, .contendor-formulario input:active, 
	.contendor-formulario select:hover, .contendor-formulario select:focus, .contendor-formulario select:active,
	.contendor-formulario textarea:hover, .contendor-formulario textarea:focus, .contendor-formulario textarea:active,
	.ms-advsrchText-v2box:hover, .ms-advsrchText-v2box:focus, .ms-advsrchText-v2box:active,
	.ms-advsrchText-v2 select:hover, .ms-advsrchText-v2 select:focus, .ms-advsrchText-v2 select:active,
	.ms-advsrchPropValue:hover, .ms-advsrchPropValue:after, .ms-advsrchPropValue:active {
		border: 1px solid #a1c038 !important;
	}

	.contendor-formulario textarea {
		border-radius: 12px;
		-moz-border-radius: 12px;
		-o-border-radius: 12px;
		-webkit-border-radius: 12px;
		-ms-border-radius: 12px;
	}
	
.contendor-formulario td {
	padding: 3px 0;
}

.contendor-formulario input.btnEnviar, .ms-advsrchbutton input {
	background: #009ce7;
	color: white !important;
	float: right;
	font-weight: 700;
	padding: 5px 40px;
	cursor: pointer;
	border: 1px solid #009ce7 !important;
	height:3em;
}

.ms-advsrchbutton input {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;
	-ms-border-radius:30px;
}

	.contendor-formulario input.btnEnviar:hover, .ms-advsrchbutton input:hover {
		background:#007cb8 !important;
		transition: linear 0.3s;
	}
	
	
/***************** Blog *****************/ 

.ms-blog-MainArea {
	width: 100%;
	max-width: 960px;
}

.ms-blog-postList {
	list-style: none !important;
	width: 670px;
}

.ms-blog-postBox {
	border: none;
	box-shadow: none;
	padding: 0;
}

.ms-blog-adminLinks {
	background: none;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
	font-size: 14px;
	font-family:'Open Sans', sans-serif;
}

.ms-blog-command-noLeftPadding,
.ms-blog-command,
#commandBar0
/*.ms-metadata*/ {
	display:none !important;
}

/**************** Búsquedas *************/

.srch-advancedtable {
	margin: 0px auto;
	border: none;
}

input[type=text] {
	padding: 5px 7px;
}

#ctl00_ctl41_g_a7a22abb_b4af_4288_89c4_6d34b4b889f7_ASB_SS_rtlb {
	width: 210px;
	font-size: 13px !important;
}

select.ms-advsrchPropertyDDL, select.ms-advsrchOperatorDDL, select.ms-advsrchAndOrDDL {
	font-size: 13px !important;
	width: 120px;
	height: 31px;
	padding: 0px;
	margin:0px 3px;
}

select.ms-advsrchAndOrDDL {
	width:45px !important;
}

input.ms-advsrchPropValue {
	height:20px;
	margin: 0px 3px;
}

/****************** Informes *****************/

.informes {
	background: rgb(236,0,140);
	border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	transition: linear 0.3s;
	padding: 0 15px 10px;
	color: white;
}

	.informes:hover, .informes:active {
		background: rgb(193,5,117);
		color:white;
	}
	
	.informes:visited {
		color:white;
	}

/************** Tablas ******************/

table.ms-listviewtable {
	width:100%;
}

/************ Comentarios *************/

.ms-blog-postComments {display:none;}

/************ Modal styles **********/
#simplemodal-overlay { background-color:#000; }
#simplemodal-container {
  background-color:#FFF;;
  border:8px solid #2bbae7;
  padding:18px;
  width:200px;
  height:100px;
  color:#717d85 !important
;  font-size:12px !important;
  font-family:Open Sans, sans-serif !important;
border-radius:4px;

  }
h2.modal-title {
  color: #717d85 !important
  font-weight: normal !important;
  margin:5px;
  text-transform: uppercase;
}
a.modal-link, a.modal-link:link, a.modal-link:visited {
  color: #81A9D0;
  text-decoration: none;
}
a.modal-link:hover {
  color:#5f87ae; text-decoration:none;
}
p.modal-paragraph {
  margin:5px;
  padding:5px 0px;
 color:#717d85 !important;
font-size:12px !important;
font-family:Open Sans, sans-serif !important;

}

#simplemodal-container a.simplemodal-close {
	background:url('/Style%20Library/Images/icons/x.png') no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/************************* Histórico Noticias ************************/

#historico-noticias {
    background:#fafafa;
    width:960px;
    margin:0 auto;
    padding: 50px 0;
	height: 50px;}
    
    #historico-left {
        width:330px;
        float:left;
        text-align: center;}
        
    #historico-right {
        width:630px;
        float:left;}
        
        ul#menu-historico {
            padding:0 10px;}
            
            ul#menu-historico li {
                display:inline-block;}
                
                ul#menu-historico li a {
					padding: 10px 7px;
					font-size: 16px;
					font-weight: 600;}
					
					ul#menu-historico li a:hover, ul#menu-historico li a.active {
						background:#2a4991;
						color:white;
						border-radius: 5px;
						-o-border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						-ms-border-radius: 5px;}
                
    #historico-noticias h2 {
		background: #009bdb;
		padding: 10px 35px 10px;
		color: white;
		font-family: 'Dosis', sans-serif;;
		font-weight: 600;
		font-size: 24px;
		
		border-radius: 0 25px 25px 0;
		-o-border-radius: 0 25px 25px 0;
		-webkit-border-radius: 0 25px 25px 0;
		-moz-border-radius: 0 25px 25px 0;
		-ms-border-radius: 0 25px 25px 0;}
		
	#historico-noticias a {
		margin-top: 7px;
		display: block;
		font-size: 14px;
		font-family:'Open Sans', sans-serif;}
		
/************************* Histórico Informes ************************/

#historico-informes {
    background:#fafafa;
    width:720px;
    margin:0 auto;
    padding: 50px 0;
	height: 50px;}
	
	#historico-informes-left {
        width:40%;
        float:left;
        text-align: center;}
        
    #historico-informes-right {
        width:60%;
        float:left;}
        
        ul#menu-historico {
            padding:0 10px;}
            
            ul#menu-historico li {
                display:inline-block;}
                
                ul#menu-historico li a {
					padding: 10px 7px;
					font-size: 16px;
					font-weight: 600;}
					
					ul#menu-historico li a:hover, ul#menu-historico li a.active {
						background:#2a4991;
						color:white;
						border-radius: 5px;
						-o-border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						-ms-border-radius: 5px;}
                
    #historico-informes h2 {
		background: #009bdb;
		padding: 10px 35px 10px;
		color: white;
		font-family: 'Dosis', sans-serif;;
		font-weight: 600;
		font-size: 24px;
		
		border-radius: 0 25px 25px 0;
		-o-border-radius: 0 25px 25px 0;
		-webkit-border-radius: 0 25px 25px 0;
		-moz-border-radius: 0 25px 25px 0;
		-ms-border-radius: 0 25px 25px 0;}
		
	#historico-informes a {
		margin-top: 7px;
		display: block;
		font-size: 14px;
		font-family:'Open Sans', sans-serif;}


/********************** Tablas ***************************/

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td, .tg th {padding:10px 9px;border-style:solid;border-width:0px;border-top-width:1px;border-bottom-width:1px;border-color:rgb(218,218,218)}
.tg .tg-6mf7{background-color:rgb(0,174,239);color:white;text-transform:uppercase;}

/********************** Mapa del Sitio *******************/

.ms-WPBorder {border:none;}
ul.mapa-sitio-padre {padding-left: 15px;}
ul.mapa-sitio-padre li {margin-bottom:10px;}

/************** Formulario de Inicio de Sesión **************/

#main-content-form {
   width: 350px;
   padding: 19px;
   background: #fafafa;
   border-radius: 0px 0px 30px 30px;
   font-family: 'Open Sans', sans-serif;
}

.ms-inputuserfield {
   width: 332px;
}

.ms-inputuserfield {
   width: 332px;
}

#iniciosesion-footer {
	margin-top: 20px;
	border-top: 1px solid #d5d5d5;
	padding-top: 10px;
}

#iniciosesion-footer a {
   font-size: 13px;
}

/**************** Administración de Usuarios ***************/

.admin-empleados, .admin-fondos {
	width: 45%;
	float: left;
	padding: 10px;
	margin: 5px;
	border-radius: 25px;
}

	.admin-empleados:hover, .admin-fondos:hover {
		background:rgb(229,242,255);}
		
#peoplePickerDiv input {
	border:none !important;
	background:none !important;
}

#peoplePickerDiv div.sp-peoplepicker-topLevel {
	border: 1px solid #009ce7 !important;
	color: #848383 !important;
	font-size: 14px !important;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	padding: 4px 17px;
	margin: 0px 7px 10px 7px;
	
	width: 431px !important;
	
	background-image: url(../images/backgrounds/img-fields.jpg);
	background-repeat:repeat-x;	
	background-position:bottom;}
	
#peoplePickerDiv div.sp-peoplepicker-topLevel span {
	display: block;
	padding: 0px 10px;
}
.requerido {
	display: inline-block;
	font-family: Open Sans, sans-serif;
	font-weight: 600;
	text-decoration:underline;
	color: #c30079 !important;
	margin-bottom: 6px;
	font-size: 11px;
}

.requerido {
    border: 1px solid red !important;
}

.requerido-text {
    color: red;
    font-size: 9px;
}


.clientes-admin-usuario-a {
	background: #E3127D;
  color: rgb(255,255,255) !important;
  transition: linear 0.3s;
  text-decoration: none;
  width: 20%;
  /* float: right; */
  display: block;
  padding: 3px 3px 3px;
  position: static;
  text-align: center;  
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  float:right;
  margin-right:58%;
  border-radius: 0.4em;
}

.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 10px;
  /*background: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);*/
}

.ms-dlgContent{
	border-radius: 25px !important;
}
.ms-dlgTitle .ms-dlgTitleBtns{
	margin-right: 0px !important;
}
#main #contenedor{
	margin-right: 35px;
    margin-left: 35px;
}
.errDialog {
	display:block !important;
}
.errDialog .modal-content {
	padding:10px;
}
.errDialog .modal-content .modal-header,
.errDialog .modal-content .modal-body, 
.errDialog .modal-content .modal-footer {
	background-color: #E3127D !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}
.infoDialog {
	display:block !important;
}
.infoDialog .modal-content {
	padding:10px;
}
.infoDialog .modal-content .modal-header,
.infoDialog .modal-content .modal-body, 
.infoDialog .modal-content .modal-footer {
	background-color: #00aeef !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}
.advDialog {
	display:block !important;
}
.advDialog .modal-content {
	padding:10px;
}
.advDialog .modal-content .modal-header,
.advDialog .modal-content .modal-body, 
.advDialog .modal-content .modal-footer {
	background-color: #ebb913 !important;
    color: white !important;
    border-bottom: none !important;
    border-top: none !important;
}
div.background-hover{
	max-width:400px;
}
/*div.background-hover:hover {
	background:rgb(229,242,255);
	text-decoration:none;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-ms-border-radius:30px;
}*/
.img-round-top-borders {
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
 	border-top-left-radius: 30px;
 	-moz-border-radius-topright: 30px;
 	-webkit-border-top-right-radius: 30px;
 	border-top-right-radius: 30px;
 	border-bottom: solid 4px #2a4991;
}
.img-round-top-borders-gray {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(133,132,136);
}
.img-round-top-borders-light-blue {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    /* border-top-left-radius: 30px; */
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(0,174,239);
}
.img-round-top-borders-dark-blue {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(0,83,159);
}
.img-round-top-borders-magenta {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(236,0,140);
}
.img-round-top-borders-green {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(140,198,63);
}
.img-round-top-borders-yellow {
    -moz-border-radius-topleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom: solid 4px rgb(253,185,19);
}



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.wizard {
    background: #fff;
}
.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: #fff !important;
    text-align:center;
}
.wizard > div.wizard-inner {
    position: relative;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 55%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #CF3476 !important;
    
}
.wizard li.active span.round-tab i{
    color: #CF3476 !important;
}
span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}
.wizard .nav-tabs > li {
    width: 25%;
    display: inline-block;
}
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}
.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #CF3476 !important;
}
.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover {
    background: transparent;
}
.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}
.wizard h3 {
    margin-top: 0;
}
@media( max-width : 585px ) {
    .wizard {
        width: 90%;
        height: auto !important;
    }
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.cbs-pictureOnTopLine2,.ms-noWrap{
	height:	auto !important;
}