/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
body {
line-height: 1
}
:focus {
outline: 0
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
content: ""
}
blockquote, q {
quotes: "" ""
}
input, textarea {
margin: 0;
padding: 0
}
hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}
body{
background-image:url('../images/bg-top.jpg');
background-position:top;
background-repeat:repeat-x;
margin:0 auto;
padding:0 auto;
background-color:#dfdbd0;
}
#wrapper{
width:800px;
margin:0 auto;
padding:0 auto;
}
#head{
width:800px;
height:88px;
background-image:url(../images/header.jpg);
}
#nav{
width:800px;
height:43px;
margin-top:4px;
background-image:url(../images/nav-bg.jpg);
}
#nav ul{
width:620px;
height:36px;
display:inline;
float:left;
margin-left:1px;
}
#nav li{
height:36px;
display:inline;
float:left;
margin-top:3px;
margin-left:6px;
}
#info-img{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background:#1c1c1c;
-moz-border-radius:3px;
}
#info-img1{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/audio-fnd.jpg);
-moz-border-radius:3px;
}
#info-img2{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/video-fnd.jpg);
-moz-border-radius:3px;
}
#info-img3{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/diseno-fnd.jpg);
-moz-border-radius:3px;
}
#info-img4{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/apli-fnd.jpg);
-moz-border-radius:3px;
}
#info-img5{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/grafico-fnd.jpg);
-moz-border-radius:3px;
}
#info-img6{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/hosting.jpg);
-moz-border-radius:3px;
}
#info-img8{
width:796px;
height:242px;
margin-left:2px;
margin-top:15px;
padding:0 auto;
background-image:url(../images/nosotros.jpg);
-moz-border-radius:3px;
}
#slider {
width:520px;
height: 220px;
position: relative;
overflow: hidden;
left:2px;
top:7px;
float:left;
border:4px #FFFFFF solid;
}
#sliderContent {
width:520px;
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 25px 0 15px;
width:490px;
background-color: #000;
filter: alpha(opacity=85);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity: 0.8;
color: #fff;
display: none;
text-align:justify;
}
.sliderImage span a{
color:#FFFFFF;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 18px;
color:#feda00;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
#publicacion{
width:240px;
height:225px;
z-index:0;
float:left;
margin-left:18px;
_margin-left:8px;
margin-top:20px;
}
#publicacion h2{
width:240px;
}
#publicacion h3{
width:240px;
color:white;
font-weight:bold;
font-family:trebuchet ms,Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
margin-top:5px;
}
#publicacion p{
width:220px;
color:white;
text-align:justify;
font-family:trebuchet ms,Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
margin-top:10px;
}
.img-portafolio{
margin-left:15px;
margin-top:15px;
}
#cuerpo{
width:800px;
height:475px;
background-image:url(../images/bg-content.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo2{
width:800px;
height:475px;
background-image:url(../images/bg-content.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo2 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo2 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo2 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo3{
width:800px;
height:475px;
background-image:url(../images/bg-content2.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo3 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo3 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo3 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo4{
width:800px;
height:475px;
background-image:url(../images/bg-content1.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo4 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo4 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo4 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo5{
width:800px;
height:475px;
background-image:url(../images/bg-content4.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo5 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo5 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo5 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo5 ul{
color:#0099FF;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
line-height:18px;
margin-left:20px;
}
#cuerpo6{
width:800px;
height:475px;
background-image:url(../images/bg-content5.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo6 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo6 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo6 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo7{
width:800px;
height:475px;
background-image:url(../images/bg-content7.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo7 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo7 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo7 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#cuerpo8{
width:795px;
_width:785px;
margin-top:5px;
background-color:#FFFFFF;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo8 p{
width:340px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo8 h3{
width:340px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
font-style:italic;
margin-bottom:8px;
color:#666666;
padding-left:5px;
}
#cuerpo8 h2{
width:340px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
}
#cuerpo9{
width:800px;
height:475px;
background-image:url(../images/bg-content6.jpg);
background-repeat:no-repeat;
margin-top:5px;
float:left;
padding-bottom:5px;
padding-left:6px;
_padding-left:14px;
padding-top:10px;
}
#cuerpo9 p{
width:400px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
margin-bottom:7px;
color:#999999;
}
#cuerpo9 h3{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-left:1px #00CCFF solid;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-left:13px;
margin-bottom:8px;
color:#666666;
}
#cuerpo9 h2{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:16px;
text-align:justify;
padding-left:7px;
font-style:italic;
margin-bottom:10px;
margin-top:15px;
_margin-top:17px;
margin-left:15px;
}
#footer{
width:100%;
height:180px;
clear:left;
background-image:url(../images/bg-pie.jpg);
}
#pie{
width:800px;
clear:left;
margin:0 auto;
padding:0 auto;
font-size:10px;
}
#pie p{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:20px;
}
#cat{
width:260px;
height:195px;
float:left;
margin-right:4px;
margin-top:20px;
}
#cat h2{
font-size:20px;
font-family:verdana, Arial, Helvetica, sans-serif;
color:#454545;
margin-left:7px;
}
#cat h3{
font-size:20px;
font-family:verdana, Arial, Helvetica, sans-serif;
color:#454545;
margin-left:7px;
}
#cat p{
font-size:11px;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
color:#454545;
width:145px;
height:140px;
float:left;
margin-left:10px;
_margin-left:4px;
text-align:left;
}
.img{
float:left;
margin-left:5px;
}
.img2{
float:left;
margin-left:5px;
margin-top:-4px;
}
#comunidades{
width:134px;
float:right;
margin-right:10px;
_margin-right:5px;
margin-top:33px;
}
.img4{
float:left;
margin-left:7px;
}
#streaming{
width:320px;
height:240px;
float:right;
margin-top:-400px;
margin-right:25px;
_margin-right:17px;
}
#streaming2{
width:320px;
height:280px;
float:right;
margin-top:-400px;
background-color:#CC6633;
margin-right:25px;
_margin-right:17px;
}
.img-lateral{
float:right;
}
#content{
width:410px;
_width:400px;
padding:3px;
_padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
float:left;
background-color:#EEEEEE;
-moz-border-radius:5px;
}
#info{
width:350px;
_width:300px;
float:left;
margin-right:10px;
margin-left:8px;
}
#content tr,td{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
padding:3px;
border-top:1px #CCCCCC solid;
}
#cambia{
width:350px;
height:250px;
margin-left:15px;
margin-top:20px;
float:left;
}
#cambia span,label{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
}
.input{
width:300px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:20px;
border:1px #CCCCCC solid;
}
#cambia :focus{
background-color:#FFFFCC;
border:2px #FFF solid;
}
#cambia textarea{
width:300px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:15px;
border:1px #CCCCCC solid;
}
#direccion{
width:400px;
float:left;
margin-top:30px;
}
.vid{
margin-bottom:15px;
}
.btn-enviar{
margin-top:5px;
}