/* 
    Document   : estilo
    Created on : 18/10/2009, 10:48:49 PM
    Author     : Vallel
    Description:
        Hoja de estilos de pixsis.com
*/
body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
h1,h2,h3,h4,h5,h6{
    width:95%;
    margin:10px auto;
    color:#444;
}
h1{
    font-size:20px;
}
hr{
    width:95%;
    border-top: solid 1px #BBB;
    border-bottom: solid 1px #EEE;
    border-left:none;
    border-right:none;
}
p{
    margin:0 auto 10px auto;
    width:95%;
    text-indent:10px;
    line-height:26px;
}
form{
	margin: 20px 0;
    width:100%;
}
input[type=text], textarea{
    background-color:#FFF;
    border:solid 1px #BBB;
    color:#CCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    padding:5px;
    width:60%;
}
strong{
    font-weight:bold;
}
#header{
    height:100px;
    padding:20px;
    background-color:#444;
}
#logo{    
    float:left;
    height:100px;
    width:336px;
    color:#EEE;
    text-align:right;
    font-size:18px;
    margin-right:50px;
}
ul#menu{
    display:block;
    margin:90px auto 0 0;
    /*#margin:110px auto 0 0;*/
    height:30px;
    width:auto;
}
ul#menu li{
    display:block;
    float:left;
    margin-left:10px;
}
ul#menu li a{
    display:block;
    width:100px;
    height:30px;
    line-height:30px;
    background-color:#777;
    color:#FFF;
    text-decoration:none;
    text-align:center;
}
ul#menu li a:hover{
    background-color:#BBB;
}
ul#menu li a.actual{
    background-color:#EEE;
    color:#444;
    font-weight:bold;
}
#content{
    background-color:#EEE;
    padding:15px;
}
#recent-work{
    margin:auto;
    padding:15px;
    width:870px;
    height:290px;
    background-color:#555;
}
#recent-work h1{
    margin:0;
    width:auto;
    color:#FFF;
    line-height:16px;
}
#slider{
    display:block;
    float:left;
    width:730px;
    height:240px;
    background-color:#777;
    margin:auto;
    border: solid 10px #777;
    overflow:hidden;
}
#slides{
    height:240px;
}
#slides img{
    float:left;
}            
#about-us{
    margin:15px auto 0 auto;
    width:898px;
    border: solid 1px #CCC;
    background-color:#DDD;
}
#about-us img{
    float:left;
    margin: 0 5px 5px 0;
}
#container{
    background-color:#FFF;
    border: solid 1px #CCC;
    margin:auto;
    width:898px;
    min-height:450px;
}
.port-element{
    width:95%;
    margin:auto;
    border: solid 1px #CCC;
    background-color:#EEE;
    margin-bottom:15px;
}
.port-element img{    
    float:left;
    margin:10px;
    padding:2px;
    border:solid 3px #999;
}
.port-element h2{    
    font-size:18px;
    color:#405CBF;
}
.port-element p{
    margin:0;
}
.port-element ul{
    margin:10px;
    line-height:26px;
    list-style:disc;
    list-style-position:inside;
}
.port-lnk{
    position:relative;
    color:#405CBF;
    float:right;
    margin:10px;
}
#footer{
    height:20px;
    background-color:#444;
    padding:10px;
}
#footer span{
    float:left;
    line-height:20px;
    color:#FFF;
    margin-left:30px;
}
ul#map-footer{
	float:right;
	margin-right:30px;
}
ul#map-footer li{
    display:block;
    float:left;
    margin:0 30px;
}
ul#map-footer li a{
    display:block;
    color:#FFF;
    font-size:16px;
    line-height:20px;
    padding-left:5px;
}
ul#map-footer li a:hover{
    border-left: solid 3px #B6CD01;
    padding-left:2px;
}
#divTransparente{
    background-color:#DDD;
    display:none;
    opacity:0.5;
    filter:alpha(opacity=50);
    position:absolute;
    top:0;
    left:0;
    height:700px;
    width:100%;
    z-index:2;
}
#imgEnviando{
    display:none;
    position:absolute;
    top:250px;
    left:350px;
    z-index:3;
}
#divMensaje{
    color:#000;
    margin:10px 0 10px 30px;
    padding:5px 5px 5px 20px;
    width:55%;
}
.confirma{
    background: url('../img/accept.png') no-repeat 10px 10px #CFEDC9;
    border:solid 1px #4A9A3D;
}
.error{
    background: url('../img/exclamation.png') no-repeat 10px 10px #F4D6D6;
    border:solid 1px #C41A1A;
}
.slide-nav{
    float:left;
    display:block;
    font-size:150px;
    line-height:240px;
    color:#AAA;
    padding:5px;    
}
.slide-nav:hover{
    cursor:pointer;
    color:#EEE;
}
.clear{
    clear:both;
}
.cols{
    width:900px;
    margin:auto;
}
.single-col{
    float:left;
    width:288px;
    height:380px;
    margin:15px 15px 15px 0;
    background-color:#FFF;
    border: solid 1px #CCC;
}
.single-col hr{
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #EEE;
}
.single-col img{
    float:left;
    margin:5px 10px;
}
.single-col p{
    font-size:14px;
    line-height:26px;
    text-align: justify;
}
.boton{
    background-color:#FFF;
    border:solid 1px #BBB;
    color:#444;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    padding:2px 4px;
	width: 100px;
}
.boton:hover{
    border-color:#405CBF;
    color:#405CBF;
}