| Current File : /home/aventura/public_html/css/style.css |
body{
overflow: hidden;
/* background:#ed008c url("../images/burbujas.png") repeat-y;*/
background:#ed008c;
}
#loader{
position: absolute;
z-index:9999;
width: 100%;
height: 100%;
background: #ed008c url("../images/WebSiteLoding.gif") no-repeat 50%;
}
#loader_content{
position: absolute;
z-index:9999;
width: 100%;
height: 100%;
background: #ed008c url("../images/WebSiteLoding.gif") no-repeat 50%;
}
#wrapper{
overflow: hidden;
/* min-width: 1200px;*/
color:#000;
margin: 0;
}
#background{
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
/* min-width: 1200px;
min-height: 1000px;*/
}
#holder{
position: relative;
/* left: -500px;*/
margin: auto;
width: 1000px;
/* height: 1200px;*/
color:#000;
}
/*--------Header--------*/
#img_logo {
margin-left:40%;
width: 364px;
height: 212px;
left: 454px;
background: url(../images/logo.png) no-repeat;
}
h1 a{
/* position: relative;*/
top: 900px;
left: 454px;
display: block;
width: 364px;
height: 212px;
background: url(../images/logo.png) 0 0 no-repeat;
text-indent: -9999px;
z-index: 50;
}
#mainMenu{
position: relative;
top: 40px;
left: 29px;
z-index: 50;
width: 942px;
height: 73px;
background: url("../images/menu_part.png") no-repeat;
}
#mainMenu ul{
margin: auto;
/*width: 427px;*/
width: 700px;
}
#mainMenu > ul > li{
position: relative;
display: inline-block;
margin: 15px 15px 0px 0px;
height: 20px;
font-size: 28px;
}
#mainMenu > ul > li a{
position: relative;
z-index: 1;
display:block;
color: #fff;
}
.subMenu > ul > li{
position: relative;
z-index: 20;
margin: 6px 0px;
}
.subMenu{
position: absolute;
top:39px;
left:-10px;
padding: 23px 13px;
width: 145px;
height: 80px;
border-radius: 10px;
background-color: #FF599F;
box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.12);
}
.subMenuPartEll{
position: absolute;
top: -43px;
left: 0px;
z-index: 0;
width: 135px;
height: 59px;
border-radius: 10px;
background-color: #FF599F;
}
.subMenuPartEl2{
position: absolute;
top: -43px;
left: 0px;
z-index: 0;
width: 90px;
height: 59px;
border-radius: 10px;
background-color: #FF599F;
}
#sphere_1{
position: relative;
top: -54px;
left: 25px;
z-index: 6;
float: left;
display: inline;
width: 536px;
height: 536px;
}
#sphere_2{
position: relative;
top: 122px;
left: -88px;
z-index:5;
float: left;
display: inline;
width: 338px;
height: 338px;
}
#sphere_2_shadow{
position: relative;
top: 123px;
left: -202px;
z-index: 1;
}
#sphere_3{
position: relative;
top: -229px;
left: 223px;
z-index: 8;
float: left;
display: inline;
width: 197px;
height: 197px;
}
/*--------All Pages--------*/
#allPages{
position: relative;
top: 52px;
left: 32px;
margin: 0;
padding: 0;
width: 960px;
height: 100%;
}
.contentPage_1{
/* position: absolute;
display: inline-block;*/
left: 22px;
margin: 0;
padding: 77px 0 0 20px;
height: 387px;
width: 261px;
}
.contentPage_2{
position: absolute;
top: 14px;
left: 305px;
display: inline-block;
margin: 0;
padding: 0;
padding: 62px 100px 0px 65px;
width: 514px;
height: 413px;
background: url("../images/page1_part.png") no-repeat;
}
p{
color: #fff;
white-space: normal;
font: 13px "Arial", sans-serif;
line-height: 20px;
}
.moreButton_Type1{
padding: 8px 18px;
width: 70px;
height: 24px;
border-radius: 10px;
background-color: #ff599f;
color: #fff;
font-size: 20px;
cursor: pointer;
}
.moreButton_Type2{
display: inline-block;
padding: 8px 18px;
border-radius: 10px;
background-color: #8b2786;
color: #fff;
font-size: 20px;
cursor: pointer;
}
.moreButton_Type3{
display: block;
width: 19px;
height: 19px;
border-radius: 6px;
background: #8B2786 url(../images/page2_arr3.png) no-repeat 55%;
cursor: pointer;
}
.page_header_1{
display: block;
margin-left: 0;
width: 261px;
color: #FF61A4;
text-align: right;
font-size: 48px;
}
.page_header_2{
margin-bottom: 13px;
color: #fff;
font-size: 48px;
}
.page_header_4{
float: left;
color: #fff;
font-size: 48px;
width: 100%;
}
.scrollButtonAboutUp{
float: right;
margin: 5px 2px 0 0;
}
.scrollButtonAboutDown{
float: right;
margin: 5px 6px 0 0;
}
.up{
display: inline-block;
width: 34px;
height: 34px;
border-radius: 10px;
background: #FF599F url(../images/page2_arr1.png) no-repeat 52%;
}
.down{
display: inline-block;
width: 34px;
height: 34px;
border-radius: 10px;
background: #FF599F url(../images/page2_arr2.png) no-repeat 52%;
}
.scrollButtonWork{
float: right;
margin: 7px 0 0 6px;
}
.partHide{
visibility:hidden;
}
.page4_shadow1{
position: relative;
top: -3px;
left: 9px;
z-index: 0;
}
.page4_image{
position: relative;
z-index: 5;
margin: 0;
}
/*--------Home-Page--------*/
.page1_shadow_1{
position: relative;
top: 93px;
left: 0;
z-index: 1;
}
.page1_image_1{
display: block;
margin: 20px 0 -7px 3px;
float: right;
}
#page1_image_3{
float: left;
margin: 0 26px 0 0;
}
#page1_text1{
margin: 0 0 33px 0;
}
#page1_text2{
margin: 0 0 16px 0;
}
#page1_more_2{
float: right;
margin: 26px 0;
}
.over{
position: absolute;
background: url(../images/zoomImg.png) 0 0 no-repeat;
width: 258px;
height: 212px;
}
/*--------About-Page--------*/
#page2_image_3{
float: left;
margin: 11px 13px 20px 0;
}
#page2_text2{
margin: 11px 0 0 0;
}
h3{
float: left;
margin: 25px 0 12px 0;
width: 100%;
color: #fff;
font-size: 28px;
}
#page2_more_1{
margin: -19px 0px 0 354px;
}
.page2_text4{
float: left;
margin: 0 11px 0 0;
width: 120px;
}
.page2_text5{
float: left;
margin: 10px 16px 24px 0;
width: 124px;
color: #ff599f;
}
.page2_image_1{
margin: -32px 0 0px 0;
float: left;
width: 118px;
}
.page2_shadow_1{
position: relative;
top: 72px;
left: -90px;
z-index: 0;
float: left;
margin-bottom: 20px;
}
#aboutScroll{
overflow: hidden;
margin: 17px 0 0 1px;
height: 270px;
}
.csrollItems{
display: block;
width: 259px;
height: 135px;
}
/*--------Works-Page--------*/
.workPages{
margin: 0 0 0 609px;
color:#ff61a4;
}
.gallery{
position: relative;
top: 20px;
left: 2px;
overflow: hidden;
width: 992px;
max-height: 258px;
}
.galleryInner{
position: relative;
top: 0px;
width: 900px;
}
.galleryItem{
position: relative;
z-index: 1;
display: inline-block;
width: 291px;
height: 135px;
}
.galleryItem > div{
position: relative;
}
.galleryPreview{
position: absolute;
bottom: -800px;
left: -39px;
z-index: 1;
padding: 77px 13px;
width: 928px;
height: 318px;
background: url(../images/page3_part.png) no-repeat;
white-space: nowrap;
}
.innerPreview{
position: relative;
}
.innerPreviewHolder{
overflow: hidden;
padding: 0 29px;
width: 883px;
height: 307px;
}
.close{
position: absolute;
top: 16px;
left: 910px;
width: 34px;
height: 34px;
border-radius: 10px;
background: white url(../images/x.png) 50% 50% no-repeat;
color: white;
font-size: 20px;
cursor: pointer;
}
.previewPrev{
position: absolute;
top: 405px;
left: 744px;
padding: 8px 14px 9px 34px;
border-radius: 10px;
background: #8B2786 url(../images/page4_arr3.png) 26% 50% no-repeat;
color: white;
font-size: 20px;
cursor: pointer;
}
.previewNext{
position: absolute;
top: 405px;
left: 829px;
padding: 8px 29px 9px 18px;
border-radius: 10px;
background: #8B2786 url(../images/page2_arr3.png) 81% 50% no-repeat;
color: white;
font-size: 20px;
cursor: pointer;
}
.galleryPreviewItem{
display: inline-block;
margin-right: 42px;
width: 866px;
height: 154px;
}
.page4_imagePreview{
float: left;
clear: right;
}
.page_header_3{
float: left;
margin: -12px 0 0 25px;
color: #fff;
font-size: 48px;
}
.workLink{
float: left;
clear: right;
margin: -6px 0 0 28px;
color: #fff;
text-decoration: none;
font: 18px "Arial", sans-serif;
}
.workLink:hover{
color: #8B2786;
text-decoration: underline;
}
.workScroll{
float: left;
margin: 24px 0 0 28px;
width: 269px;
height: 179px;
color: #fff;
line-height: 20px;
white-space: normal;
font: 13px "Arial", sans-serif;
}
.zoom{
position: relative;
top: -131px;
left: 122px;
margin: 0;
padding: 5px 20px;
width: 117px;
height: 17px;
border-radius: 10px;
background: #74C5F2 url(../images/page3_icon1.png) no-repeat 95%;
color: white;
text-align: center;
font: 14px "Arial", sans-serif;
cursor: pointer;
}
.link{
position: relative;
top: -122px;
left: 122px;
padding: 6px 46px 5px 46px;
border-radius: 10px;
background: #FF599F url(../images/page3_icon2.png) no-repeat 94%;
cursor: pointer;
text-align: center;
color: white;
text-decoration: none;
font: 14px "Arial", sans-serif;
}
.upGallery{
position: absolute;
top: 424px;
left: 795px;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 9px;
background: #FF599F url(../images/page2_arr1.png) no-repeat 52%;
}
.downGallery{
position: absolute;
top: 424px;
left: 835px;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 9px;
background: #FF599F url(../images/page2_arr2.png) no-repeat 52%;
}
/*--------Services-Page--------*/
#nextButton{
position: relative;
top: -307px;
left: -71px;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 10px;
background: #8b2786 url(../images/page4_arr3.png) no-repeat 50%;
cursor: pointer;
float: left;
}
#prevButton{
position: relative;
top: -307px;
left: 892px;
width: 34px;
height: 34px;
border-radius: 10px;
background: #8b2786 url(../images/page2_arr3.png) no-repeat 50%;
cursor: pointer;
display: inline-block;
}
#servicesSlider{
width:auto;
position: relative;
top: -64px;
left: -35px;
white-space: nowrap;
}
.itemOdd{
position: relative;
left: 0px;
display: inline-block;
width: 362px;
height: 455px;
/* height: 402px;*/
background:url(../images/page4_part1.png) no-repeat;
padding: 40px 56px 0 37px;
margin-right: 41px;
}
.itemEven{
position: relative;
display: inline-block;
width: 372px;
height: 462px;
background:url(../images/page4_part2.png) no-repeat;
padding: 41px 50px 0 42px;
margin-right: 41px;
}
.page4_image_1{
float: left;
margin: 14px 26px 0 0;
}
.page4_image_2{
float: left;
margin: 14px 26px 0 0;
}
.page4_text1{
margin: 76px 0px 29px 0;
}
.page2_more_1{
margin: 15px 0 0 0;
}
/*--------Contacts-Page--------*/
.google_map{
float: left;
overflow:hidden;
margin: 0 25px 0 0;
width: 315px;
height: 250px;
border-radius:10px;
background: #d8d8d8;
}
#page5_text1{
margin: 5px 0 0 0;
}
#page5_text2{
margin: 20px 0 0 0;
}
#page5_text2 a{
color: #fff;
}
/*-----------Forms----------- */
#form1 {
margin: 14px 2px;
}
#form1 input {
margin-top: 6px;
padding: 9px 10px;
width: 240px;
outline:none;
border: 0px;
border-radius:10px;
background-color: #fff;
color: #ff599f;
line-height:1.2307em;
font-size:12px;
}
#form1 textarea {
overflow:auto;
margin-top: 5px;
padding: 8px 0 5px 10px;
width: 250px;
height: 149px;
outline:none;
border: 0px;
border-radius:10px;
background-color: #fff;
color: #ff599f;
line-height:1.2307em;
font-size:12px;
resize: none;
}
#form1 label {
position: relative;
display:inline-block;
min-height: 32px;
}
#form1 .error, #form1 .empty {
display:none;
margin: 0px 0 3px 0;
color: #fff;
font-size: 12px;
font-family:"Arial", sans-serif;
}
.btns{
position: relative;
top: 2px;
left: 116px;
}
.btns a{
display:inline-block;
margin-right: 7px;
padding: 9px 13px;
border-radius:10px;
background-color: #ff599f;
color:#fff;
text-decoration:none;
font-size: 20px;
}
#form1 > div{
color:#fff;
font-size: 12px;
font-family:"Arial", sans-serif;
}
input, select, textarea {
vertical-align:middle;
font-weight:normal;
font-size:1em;
font-family:"Arial", sans-serif;
}
#page5_text2 a:hover{
text-decoration: underline;
color:#bc1489;
}
/*--------read More--------*/
.readMorePart{
margin: 13px -39px;
padding: 62px 40px;
width: 100%;
height: 90%;
background: url(../images/page3_part.png) no-repeat;
}
.readMoreText{
float: left;
margin: 8px 0 15px 2px;
width: 91%;
color: #fff;
line-height: 19px;
font: 13px "Arila", sans-serif;
}
.readMoreText a{
color: #fff;
text-decoration: none;
}
.readMoreText a:hover{
color: #8B2786;
text-decoration: underline;
}
.cols{
width: 69px;
float: left;
}
/*--------Footer--------*/
#footerText{
color: #fff;
font-family : Helvetica;
font-size:10px;
padding-left: 15px;
}
#footerText a{
color: #fff;
text-decoration: none;
}
#footerText a:hover{
color: #74c5f2;
text-decoration: underline;
}
footer{
background: none repeat scroll 0 0 #F759A1;
border-radius: 10px 10px 10px 10px;
border-top: 0 solid #CCCCCC;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
color: #F759A1;
margin: 30px;
padding-bottom: 5px;
padding-top: 5px;
text-align: left;
width: 940px;
}
/*-------Fancybox------*/
#fancybox-loading {
position : fixed;
top : 50%;
left : 50%;
width : 40px;
height : 40px;
margin-top : -20px;
margin-left : -20px;
cursor : pointer;
overflow : hidden;
z-index : 1104;
display : none;
}
#fancybox-loading div {
position : absolute;
top : 0;
left : 0;
width : 40px;
height : 480px;
background-image : url('../images/fancybox.png');
}
#fancybox-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 1100;
display : none;
}
#fancybox-tmp {
padding : 0;
margin : 0;
border : 0;
overflow : auto;
display : none;
}
#fancybox-wrap {
position : absolute;
top : 0;
left : 0;
padding : 20px;
z-index : 1101;
outline : none;
display : none;
}
#fancybox-outer {
position : relative;
width : 100%;
height : 100%;
background : #000;
}
#fancybox-content {
width : 0;
height : 0;
padding : 0;
outline : none;
position : relative;
overflow : hidden;
z-index : 1102;
border : 0 solid #fff;
}
#fancybox-hide-sel-frame {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : transparent;
z-index : 1101;
}
#fancybox-close {
position : absolute;
top : -15px;
right : -15px;
width : 30px;
height : 30px;
background : url('../images/fancybox.png') -40px 0 transparent;
cursor : pointer;
z-index : 1103;
display : none;
}
#fancybox-error {
color : #444;
font : normal 12px/20px Arial;
padding : 14px;
margin : 0;
}
#fancybox-img {
width : 100%;
height : 100%;
padding : 0;
margin : 0;
border : none;
outline : none;
line-height : 0;
vertical-align : top;
}
#fancybox-frame {
width : 100%;
height : 100%;
border : none;
display : block;
}
#fancybox-left, #fancybox-right {
position : absolute;
bottom : 0;
height : 100%;
width : 35%;
cursor : pointer;
outline : none;
background : url('../images/fancy_blank.gif') transparent;
z-index : 1102;
display : none;
}
#fancybox-left {
left : 0;
}
#fancybox-right {
right : 0;
}
#fancybox-left-ico, #fancybox-right-ico {
position : absolute;
top : 50%;
left : -9999px;
width : 30px;
height : 30px;
margin-top : -15px;
cursor : pointer;
z-index : 1102;
display : block;
}
#fancybox-left-ico {
background-image : url('../images/fancybox.png');
background-position : -40px -30px;
}
#fancybox-right-ico {
background-image : url('../images/fancybox.png');
background-position : -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility : visible;
}
#fancybox-left:hover span {
left : 20px;
}
#fancybox-right:hover span {
left : auto;
right : 20px;
}
.fancybox-bg {
position : absolute;
padding : 0;
margin : 0;
border : 0;
width : 20px;
height : 20px;
z-index : 1001;
}
#fancybox-bg-n {
top : -20px;
left : 0;
width : 100%;
background-image : url('../images/fancybox-x.png');
}
#fancybox-bg-ne {
top : -20px;
right : -20px;
background-image : url('../images/fancybox.png');
background-position : -40px -162px;
}
#fancybox-bg-e {
top : 0;
right : -20px;
height : 100%;
background-image : url('../images/fancybox-y.png');
background-position : -20px 0;
}
#fancybox-bg-se {
bottom : -20px;
right : -20px;
background-image : url('../images/fancybox.png');
background-position : -40px -182px;
}
#fancybox-bg-s {
bottom : -20px;
left : 0;
width : 100%;
background-image : url('../images/fancybox-x.png');
background-position : 0 -20px;
}
#fancybox-bg-sw {
bottom : -20px;
left : -20px;
background-image : url('../images/fancybox.png');
background-position : -40px -142px;
}
#fancybox-bg-w {
top : 0;
left : -20px;
height : 100%;
background-image : url('../images/fancybox-y.png');
}
#fancybox-bg-nw {
top : -20px;
left : -20px;
background-image : url('../images/fancybox.png');
background-position : -40px -122px;
}
#fancybox-title {
font-family : Helvetica;
font-size : 12px;
z-index : 1102;
}
.fancybox-title-inside {
padding-bottom : 10px;
text-align : center;
color : #333;
background : #fff;
position : relative;
}
.fancybox-title-outside {
padding-top : 10px;
color : #fff;
}
.fancybox-title-over {
position : absolute;
bottom : 0;
left : 0;
color : #fff;
text-align : left;
}
#fancybox-title-over {
padding : 10px;
background-image : url('../images/fancy_title_over.png');
display : block;
}
.fancybox-title-float {
position : absolute;
left : 0;
bottom : -20px;
height : 32px;
}
#fancybox-title-float-wrap {
border : none;
border-collapse : collapse;
width : auto;
}
#fancybox-title-float-wrap td {
border : none;
white-space : nowrap;
}
#fancybox-title-float-left {
padding : 0 0 0 15px;
background : url('../images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color : #fff;
line-height : 29px;
font-weight : bold;
padding : 0 0 3px 0;
background : url('../images/fancybox-x.png') 0 -40px;
}
#fancybox-title-float-right {
padding : 0 0 0 15px;
background : url('../images/fancybox.png') -55px -90px no-repeat;
}
.fancybox-ie .fancybox-bg {
background : transparent !important ;
}
/*-------End Fancybox------*/
/*------ COmienzo Twitter*/
.timeline .stream {
overflow: hidden;
position: relative;
width: 100%;
}
/*pie*/
#page-bottom {
padding: 5px 5px 0px 5px;
color: #862986;
background: #862986;
margin-bottom:80px;
width: 925px;
border-top: solid 0 #CCCCCC;
box-shadow: inset 0px 0px 0px 1px #fff;
font-family: 'Lobster', serif;
text-shadow: 0 1px 1px #4D4D4D;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
/*pie*/
#page-bottom2 {
font-family: 'Open Sans',sans-serif;
padding: 5px 10px 0px 10px;
color: #74C5F2;
background: #74C5F2;
width: 920px;
border-top: solid 0 #CCCCCC;
box-shadow: inset 0px 0px 0px 1px #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
/*topcab*/
#page-top-cab {
font-family: 'Open Sans',sans-serif;
padding: 5px 15px 5px 5px;
margin-left:30px;
color: #F759A1;
background: #F759A1;
width: 920px;
border-top: solid 0 #CCCCCC;
box-shadow: inset 0px 0px 0px 1px #fff;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.album_galeria {
-webkit-border-radius: 50em;
-moz-border-radius: 50em;
border-radius: 50em;
}