﻿.jcarousel-wrapper 
{
    margin: 0;
    position: relative;    
    max-width: 1200px;    
    height: 230px;
    border-bottom:7px solid #2980B9;
}

/** Carousel **/

.jcarousel 
{
    position: relative;
    overflow: hidden;
}

.jcarousel ul 
{
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li 
{
    float: left;
}

.jcarousel li img 
{    
    max-width: 1200px;    
    height:230px;
}

.jcarousel h1 
{
    position:absolute;
    z-index:100;
    top:30px;    
    margin-left:40px;
    color:#fff;
    font-size:40px;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
}

.jcarousel span 
{
    position:absolute;
    z-index:100;
    top:100px;    
    margin-left:40px;
    color:#fff;
    font-size:12px;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
}


.jcarousel div
{
    position:absolute;
    z-index:100;
    top:120px;
    margin-left:40px;
    border-radius:5px;
    background-image:url('../images/bghomelink.png');	
    height:50px;
}

.jcarousel div a 
{
    color:#fff;
    font-size:17px;
    text-decoration:none;
    padding:10px;
    padding-right:30px;
    font-weight:bold;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
    line-height:50px;
    background-image:url('../images/bullet.png');
    background-position:right;
    background-repeat:no-repeat;
}

.jcarousel div a:hover {   
    text-decoration:underline;
}

/** Carousel Pagination **/





.jcarousel-pagination 
{
    position: absolute;
    bottom: 0;    
    right: 20px;
}

.jcarousel-pagination a 
{
    text-decoration: none;
    display: inline-block;    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;    
    margin-right: 2px;    
    
}

.jcarousel-pagination a.active 
{
    background: #5191D1;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}


/*Quienes somos*/

/** Carousel **/


.jcarousel-wrappercoes
{
    margin: 0;
    position: relative;    
    max-width: 640px;    
    height: 426px;
    
    border-bottom:7px solid #2980B9;
}

.jcarouselcoes
{
    position: relative;
    overflow: hidden;
}

.jcarouselcoes ul 
{
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarouselcoes li 
{
    float: left;
}

.jcarouselcoes li img 
{    
    max-width:100%;
    height:426px;
}

.jcarouselcoes h1 
{
    position:absolute;
    z-index:100;
    top:30px;    
    margin-left:40px;
    color:#fff;
    font-size:40px;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
}

.jcarouselcoes span 
{
    position:absolute;
    z-index:100;
    top:100px;    
    margin-left:40px;
    color:#fff;
    font-size:12px;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
}


.jcarouselcoes div
{
    position:absolute;
    z-index:100;
    top:120px;
    margin-left:40px;
    border-radius:5px;
    background-image:url('../images/bghomelink.png');	
    height:50px;
}

.jcarouselcoes div a 
{
    color:#fff;
    font-size:17px;
    text-decoration:none;
    padding:10px;
    padding-right:30px;
    font-weight:bold;
    text-shadow:2px 2px 0 rgba(0, 0, 0, 0.25) !important;
    line-height:50px;
    background-image:url('../images/bullet.png');
    background-position:right;
    background-repeat:no-repeat;
}

.jcarouselcoes div a:hover {   
    text-decoration:underline;
}

/** Carousel Pagination **/

.jcarousel-pagination 
{
    position: absolute;
    bottom: 0;    
    right: 20px;
}

.jcarousel-pagination a 
{
    text-decoration: none;
    display: inline-block;    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;    
    margin-right: 2px;    
    
}

.jcarousel-pagination a.active 
{
    background: #5191D1;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

/**MOBILE*/
@media 
       only screen and (max-width: 700px), 
       only screen and (max-device-width: 700px) {


        .jcarousel-wrappercoes {
            max-width: 360px;
        }
}