@charset "utf-8";
/* CSS Document */

body {
/*http://www.colorzilla.com/gradient-editor/*/	
	background: #fefcea;
	background: -moz-linear-gradient(top,  #fefcea 42%, #f1da36 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(top,  #fefcea 42%,#f1da36 100%);
	background: -o-linear-gradient(top,  #fefcea 42%,#f1da36 100%);
	background: -ms-linear-gradient(top,  #fefcea 42%,#f1da36 100%);
	background: linear-gradient(to bottom,  #fefcea 42%,#f1da36 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );


	/*Bug for full cover of the page*/
	background-attachment:fixed;
	height:100%;
	/*Bug for full cover of the page*/
}

#main {		
	width:80%;
	height:500px;
	margin-left:10%;	
}
#inicio {		
	width: 100%;
	height:500px;
	/*background-image: url(../images/Front_new.jpg);
	background-size:cover;
	background-repeat:no-repeat;*/
}
#empresa {
	height:500px;
}
#container {			
	height:580px;
}
#mainLowerLeft {	
	width: 25%;
	margin-left:10%;
	margin-right:1%;
	height:100px;	
	display:inline;	
	float:left;
/*	padding-top:20px;	*/
}
#mainLowerCenter {
	width: 26%;
	margin-left:1%;
	margin-right:1%;
	height:100px;
	display:inline;
	float:left;
/*	padding-top:40px; */
}
#mainLowerRight {
	width: 25%;
	margin-left:1%;
	margin-right:10%;
	height:100px;
	display:inline;
	float:left;
/*	padding-top:40px; */
}
.mlc {
	margin-top:20px;
	/*width:350px;
	border:2px solid  #555;
	border-radius: 3px;*/
	text-align:left;
	color:#313131;
	font-family:Georgia;
}
.mlc h3 {
	text-align:center;
	font-family:Verdana;
	font-size: 1.3em;
	color:#313131;
}
.mlc a{
	text-align:center;
	text-decoration:none;
}
.mlt {
	text-align:left;
	margin-top:20px;
	color:#313131;
	font-family:Georgia;
}
.mlt  a {
	float:right;
}
.mlr {	
	color:#313131;
	font-family:Georgia;
}

.mlr h3 {
	text-align:center;
	font-family:Verdana;
	font-size: 1.3em;
	color:#313131;
}

#footer {
	width:80%;
	margin-left:10%;	
	border-top:3px solid #00007C;	
	color:#313131;
	text-align:center;
}

#footer img {
	margin-top:5px;
}

#footer a {
	text-decoration:none;
}

#acerca {
	padding-right:10%;	
	padding-left:10%;
	color:#313131;
	font-family:Georgia;
	font-size:1.05em;
}

#acerca img{
	margin-left:38%;
}

#acerca ul {
	margin:0;
	padding:0;	
}

#acerca ul li {
	padding-top:10px;
}

/*.mll {
	text-align:left;
}
.mll a{
	display:block;
	margin-top:5px;
	padding-left:30px;
}
*/
#menu_container {		
	width:80%;	
	margin-left:10%;	
}
/* ------Menu------ */
.lavalamp {
    position: relative;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
    background : -moz-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(204,204,204)));
	height: 18px;	
}

.magenta {
	background : rgb(190,64,120);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(190,64,120)), to(rgb(177,24,91)));
	border: 1px solid #841144;
	
}

.cyan {
	background : rgb(64,181,197);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(7,165,187)));
	border: 1px solid #2f8893;
	
}

.blue {
	background : rgb(64,181,197);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(0,0,124)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(64,181,197)), to(rgb(0,0,124)));
	border: 1px solid #272727;	
	background: -moz-linear-gradient(top, rgb(64,181,197), rgb(0,0,124));
	background: -ms-linear-gradient(top, rgb(64,181,197), rgb(0,0,124));
}


.yellow {
	background : rgb(255,199,79);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(255,199,79)), to(rgb(255,188,43)));
	border: 1px solid #c08c1f;
}

.orange {
	background : rgb(255,133,64);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(255,133,64)), to(rgb(255,107,24)));
	border: 1px solid #c04f11;
	
}

.dark {
	background : rgb(89,89,89);
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
	background : -moz-gradient(linear, left top, left bottom, from(rgb(89,89,89)), to(rgb(54,54,54)));
	border: 1px solid #272727;
	
}

.magenta li a , .cyan li a, .yellow li a , .orange li a, .dark li a, .blue li a{
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.40);
	
}

.lavalamp a {
    text-decoration: none;
    color: #262626;
    line-height: 20px;
}

.lavalamp ul {
    margin: 0;
    padding: 0;
    z-index: 300;
    position: absolute;
}

.lavalamp ul li {
    list-style: none;
    float:left;

    text-align: center;
    }

.lavalamp ul li a {
    padding: 0 20px;
    text-align: center;
    }

.floatr {
    position: absolute;
    top: 10px;
    z-index: 50;
    width: 70px;
    height: 30px;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    background : rgba(0,0,0,.20);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}

/* ------Menu------ */
#portafolioIzq {
	/*display:inline;
	float:left;
	width:50%;*/
	display:inline;
	float:left;
	margin-top:40px;
	margin-left:20px;
}
#portafolioIzq img{
	width:550px;
	height:400px;
}

#portafolioDer {
	padding-top:40px;
	padding-left:600px;
	color:#313131;
	font-family:Georgia;		
}	

#cotizaIzq {
	display:inline;
	float:left;
	margin-top:40px;
	margin-left:20px;	
}

#cotizaIzq img {
	width:550px;
	height:400px;
}

#cotiza {
	padding-top:80px;
	padding-left:600px;
	color:#313131;
	font-family:Georgia;
	font-size:1.1em;
}

.cotiza h3 {
	font-family:Verdana;
	font-size: 1.3em;
	color:#313131;
}


#car {
	margin-top:40px;
	margin-left:20px;
}
#flotillaText {
	padding-top:80px;
	padding-left:550px;
	color:#313131;
	font-family:Georgia;
	font-size:1.1em;	
}

@media only screen and (max-device-height: 768px) {
	#acerca {		
		font-size:.85em;		
	}
	
	#flotillaText {		
		font-size:.90em;	
	}

	#portafolioIzq img{
		width:450px;	
	}

	#portafolioDer {	
		padding-left:500px;
		font-size:.75em;	
	}	
	
	#cotizaIzq img {
		width:450px;
	}

	#cotiza {
		padding-left:500px;
		font-size:.90em;	
	}

	.mlc {	
		font-size:.80em;	
	}
	.mlt {
		font-size:.90em;	
	}
	.mlr {
		font-size:.80em;	
	}
}

#dirs {
	padding-top:40px;
	padding-left:80px;
	color:#313131;
	font-family:Georgia;
	font-size:1.1em;
}
/*-----Carousel----*/
#car.carousel {
	display:inline;
	float:left;
	width:500px;
	height:410px;
}	
#car.carousel .carousel-wrap { 
	margin:0;
	border:0;
	zoom:1;
}
#car.js .carousel-wrap {
	display:inline-block;
	vertical-align:middle;	
	width:500px;	
}

#car.carousel ul {
	margin:0;
	padding:0;
	zoom:1;
}
#car.js ul li {
	overflow:hidden;
	display:inline;
	float:left;
	width:550px;
	height:410px;
	text-align:center;
	zoom:0;
}
#car.carousel .carousel-control {
	width:0px;/*Width of the button control*/
	height:0px;/*Height of the button control*/
	cursor:pointer;
	zoom:0;
	border:0;
	text-indent:-9999px;
}
#car.carousel .carousel-next {
	background:url(../images/next.png) 0 0 no-repeat;
}
#car.carousel .carousel-previous {
	background:url(../images/prev.png) 0 0 no-repeat;
}
#car.carousel .carousel-control:hover {
	-moz-opacity:.7;
	opacity:0.70;
	filter:alpha(opacity=70);
}
#car.carousel .disabled,#car.carousel .disabled:hover {
	-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;
}
/*-----Carousel----*/