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

@import url('projects.css');


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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{ background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif; background-image:url(http://www.viciorama.com/images/bg.png); background-attachment:fixed; background-position:top; background-repeat:repeat;}

img, div, input { behavior: url("http://www.madebywater.com/css/iepngfix.htc") }
img{ border:none;}
.clr{ clear:both;}	











#topnavi .name a:hover{ color:#fff000;}



/* top navigation menu */

#bigtext{width:990px; margin:0px auto;}
#bigtext .sent1{ float:left; height:200px; width:990px;  overflow:hidden; background:url(../images/vicioramaa.png); background-repeat:no-repeat;  } 
#bigtext .sent1:hover{overflow:hidden; background:url(http://www.viciorama.com/images/vicioramap.png); background-repeat:no-repeat;}

#bigtext .sent2{ float:left; height:184px; width:990px;  overflow:hidden; background:url(../images/lemapx.png); background-repeat:no-repeat;  } 
/*#bigtext .sent2:hover{overflow:hidden; background:url(http://www.viciorama.com/images/ocultox.png); background-repeat:no-repeat;}*/
/* top text */



#resentwork{width:990px; height:100px; margin:0px auto; overflow:hidden;}
#resentwork .rtext{ width:663px; height: 65px; float:left; background:url(http://www.viciorama.com/images/trabajos.png); background-repeat:no-repeat; overflow:hidden; margin:14px 0px 0px 0px;}

#resentwork .rinfo { width: 328px; float:left;}



/* resent work */






#about{width:990px; margin:0px auto;}

#whoamI{ width:572px; height:450px; float:left; background:url(http://www.viciorama.com/images/vicioque.png); background-repeat:no-repeat;}
#whoamI .text{ font-size:12px; line-height:16px; color:#000; width:490px; float:left; margin:145px 0px 0px 1px;}



#whoamI .hire a:hover{color:#fff000}


#skills{width:418px; height:392px; float:left; background:url(http://www.viciorama.com/images/habilidad.png); background-repeat:no-repeat; font-size:12px; color:#333; font-weight:bold;}
#skills .grapchic{ margin:135px 0px;}
#skills .grapchic p{ padding:16px 0px 0px 20px;}

#skills .line1{ width:350px; height:39px; float:left; background:url(http://www.viciorama.com/images/1.png); background-repeat:no-repeat; overflow:hidden; display:block;}
#skills .line2{width:350px; height:39px; float:left; background:url(http://www.viciorama.com/images/2.png); background-repeat:no-repeat; overflow:hidden; display:block;}
#skills .line3{width:350px; height:39px; float:left; background:url(http://www.viciorama.com/images/3.png); background-repeat:no-repeat; overflow:hidden; display:block;}
#skills .line4{width:350px; height:39px; float:left; background:url(http://www.viciorama.com/images/4.png); background-repeat:no-repeat; overflow:hidden; display:block;}
#skills .line5{width:350px; height:39px; float:left; background:url(http://www.viciorama.com/images/5.png); background-repeat:no-repeat; overflow:hidden; display:block;}

#skills .num{ float:right; font-size:14px; color:#000; display:block; height:23px; padding:14px 30px 0px 0px; font-weight:bold;} 

/* about */






.toPage2{width:990px; margin:0px auto; height:50px; background:url(http://www.viciorama.com/images/recortar.png); background-repeat:no-repeat; overflow:hidden; display:block;}


/* top */


#serviz{width:990px; margin:25px auto;}
#services{ width:740px; height:350px; float:left; background:url(http://www.viciorama.com/images/contactanos.png); background-repeat:no-repeat;}
#services .textservice p{font-size:12px; line-height:16px; color:#000; width:730px; float:left; margin:135px 0px 0px 1px;}
.col01{float:left; width:124px; margin:12px 0px 0px 2px;}
.col01 ul{ font-size:12px; color:#333; line-height:22px; list-style: inside;}
.col02{float:left; width:124px; margin:12px 0px 0px 30px;}
.col02 ul{ font-size:12px; color:#333; line-height:22px; list-style: inside;}




#awards a:hover{color:#fff000;}







.bigText1:hover{ color:#fff;}



/* service */

















 






.imgborder:hover{ margin:1px 0px; opacity: 0.3; cursor:pointer;}

/* dream */

#footer{width:990px; margin:0px auto;}
#footer .copy{ float:left; height:80px; }




#footer .follow a:hover{color:#fff000;}




.nameb a:hover{ color:#fff000;}
#footer p{ color:#202020; font-size:12px;}
#footer .grey{ color:#c6c6c6;}


/* footer */


.container {width:318px; height:347px; overflow:hidden; position:relative; cursor:pointer; }


#loopedSlider { width:318px; position:relative;  }




#break{ width:990px; height:14px; float:left;}

#break2{ width:990px; height:14px; float:left;}
#break3{ width:990px; height:14px; float:left;}

/* slider */









.Projects{width:990px; height:860px; margin:0 auto;}





#services a, #footer a { 
background-attachment: scroll;
background-clip: border-box;
background-color: #00b4ff;
text-decoration:none;
background-origin: padding-box;
background-repeat: repeat;
background-size: auto;
color: #000;
 }
 
 
#ideas{ height:634px; width:990px; margin:0px auto; overflow:hidden; background-image:url(http://www.viciorama.com/images/construimos.png);background-repeat:no-repeat;}