@import url("reset.css");
@import url("forms.css");


/* ------ layout
-----------------------------------------------*/

html, body {
margin:0;
padding:0;
overflow:hidden;
}

body {
background:url(../images/bg.jpg) no-repeat top center #000 fixed;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#dcd3dc;
}

#content {
text-align:left;
position:absolute;
top:50%;
height:500px;
margin-top:-300px;
z-index:1;
width:200%;
}



/* ------ divs
-----------------------------------------------*/

#home {
position:relative;
width:100%;
height:100%;
float:left;
}

#logo, 
#home .hometitle {
position:absolute;
left:25%;
}

#logo {
background:url(../images/logo1.png) no-repeat; 
width:277px;
height:96px;
margin-left:-138px;
}

#home .hometitle {

width:720px;
height:76px;
margin:-38px 0 0 -300px; text-indent:-3000px;
top:50%;
}

h1 { font-size:30px;}

#contact {
position:absolute;
left:75%;
width:900px;
margin-left:-450px;
line-height:20px; background:url(../images/cont.png) no-repeat; padding:20px; margin-top:10px;
}


#company {
position:absolute;
left:75%;
width:900px;
margin-left:900px;
line-height:20px;
}

#informacion { padding-left:10px;}
#correo { padding:0 10px 3px 80px;}
#fono { padding:0 10px 3px 80px;}
#facebook { padding:0 10px 40px 80px;}


#contact h2 {
font-size:30px;
color:#fff;
margin-bottom:25px;
}

#contact p {
margin-bottom:15px; 
}

#contact .sectionLeft {
float:left;
width:440px;
}


#contact .sectionRight {
float:right;
width:440px;
}

.sectionRight p strong { color:#b1c042;}



.pagination {
position:absolute;
left:50%;
top:50%;
margin:-23px 0 0 -33px;
}

a.nextPage,
a.prevPage {
float:left;
display:block;
text-indent:-9999px;
outline:none;
height:45px;
}

a.nextPage {
background:url(../images/btnleft.png) no-repeat;
width:34px;
}

a.nextPage:hover {
background:url(../images/btnleft-h.png) no-repeat;
}

a.prevPage {
background:url(../images/btnright.png) no-repeat;
width:33px;
}

a.prevPage:hover {
background:url(../images/btnright-h.png) no-repeat;
}


/* ------ links
-----------------------------------------------*/

#portfolio {
width:100%;
position:fixed;
left:0;
bottom:0;
height:120px;
z-index:2;
}


#portfolio ul,
#portfolio ul li {
display:block;
list-style:none;
padding:0;
margin:0;
}

#portfolio ul li {
float:left;
}

#portfolio ul li a {
display:block;
float:left;
width:140px;
height:120px;
margin-left:1px;
outline:none;
}

#portfolio .scrollable {
position:relative;
overflow:hidden;
width:100%;
height:120px;
}

#portfolio ul.items {
width:20000px;
position:absolute;
}

#portfolio a.btn,
#portfolio a.hide {
display:block;
position:absolute;
text-indent:-9999px;
outline:none;
}

#portfolio a.btn {
top:-27px;
width:14px;
height:17px;
}

#portfolio a.disabled {
-moz-opacity: 0.2;
opacity:.20;
filter: alpha(opacity=20);
}

#portfolio a.prev {
left:6px;
background:url(../images/arrowleft.png) no-repeat;
}

#portfolio a.next {
left:47px;
background:url(../images/arrowright.png) no-repeat;
}

#portfolio a.hide {
background:url(../images/hideit.png) no-repeat;
left:25px;
top:-26px;
width:16px;
height:16px;
}


/* ------ ajax sites
-----------------------------------------------*/


.site {
width:400px;
position:absolute;
bottom:120px;
z-index:10;
background:#101f2a;
padding:10px 15px;
/* CSS3 */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 50px #12171a;
box-shadow:0 0 50px #12171a;
-webkit-box-shadow:0 0 50px #12171a;

}

.site a.close {
position:absolute;
top:10px;
right:15px;
display:block;
width:30px;
height:31px;
background:url(../images/btnclose.png) no-repeat;
outline:none;
text-indent:-9999px;
}

.site p {
margin-bottom:10px;
}

.site .entry {
float:left;
width:400px;
line-height:20px
}

.site h2 {
font-size:30px;
padding-right:38px;
}

.site a.btns {
display:block;
text-indent:-9999px;
outline:none;
float:left;
clear:both;
width:70px;
height:29px;
}

.site a.visit {
background:url(../images/btnvisit.png) no-repeat;
}

.site a.view {
background:url(../images/btnview.png) no-repeat;
}



/* ------ alerts
-----------------------------------------------*/
.alert {
float:left;

}

.error,
.success {
}

.error {

color:#af2a2a;
background:#FFF; 
float:left; 
width:120px !important;
}

.success {
border-color:#71b027;
color:#558d14;
background:#d3efb3;
}


/* ------ links
-----------------------------------------------*/


a:link, a:visited {
color:#f26500;
}

a:hover {
text-decoration:underline;
}



/* chrome, safari hack
-------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.site { 
	-webkit-box-shadow:0 0 5px #12171a; 
	} 

}