/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	font-size:12px;

}

a:link, a:visited, a:hover {
font-size:12px;
color: #333333;
text-decoration: none;

}


a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

p,h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top:3px;
	margin-bottom:3px;
}


h1{
font-size:16px;
color:#666666;

}

h2{
}

h3{

}

h4{
}

h5{
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
}
img {
margin: 0;
padding: 0;
border-style:none;
}				





/* header classes */

.header{
margin: 0;
padding: 0;
width:900px;
height: 132px;
background-image:url(images/header.gif);
margin-left: auto;
margin-right: auto;
text-align: right;
margin-top: 10px;

}

.header ul{
/*list-style-image: url("images/headerbullet.gif");*/
display: block;
float:right;
list-style-type:none;
padding:10px;
}

.header li{
float:left;
}
.header li a{
display:block;
margin-top:3px;

}

/*global navigation classes */
.globalnav{
margin: 0;
padding: 0;
width:900px;
height: 28px;
margin-left: auto;
margin-right: auto;
}

.globalnav ul{
margin: 0;
padding: 0;
list-style: none;
}
.globalnav li{
float: left;
background: url("images/tab_left.gif") no-repeat left top;
margin: 0 2px 0 0;
padding: 0 0 0 5px;
font-size:12px;
text-align:center;
}

.globalnav a, .globalnav a:visited{
float: left;
display: block;
background: url("images/tab_right.gif") no-repeat right top;
text-decoration:none;
color:#333333;
padding: 8px 20px 4px 15px;
}

.globalnav a:hover{
text-decoration: underline;
}


.content{
margin: 0;
padding: 0;
width:900px;
margin-left: auto;
margin-right: auto;
}

/*section image classes */

.sectionimage{
margin: 0;
padding: 0;
width:900px;
height: 242px;
margin-left: auto;
margin-right: auto;
}
#turnkey .sectionimage{
background-image: url(images/turnkey.jpg);
}
#alarmascontrarobo .sectionimage, #inicio .sectionimage{
background-image: url(images/alarmas_contra_robo.jpg);
}
#alarmascontraincendio .sectionimage{
background-image: url(images/alarmas_contra_incendio.jpg);
}
#cctv .sectionimage{
background-image: url(images/cctv.jpg);
}
#controldeacceso .sectionimage{
background-image: url(images/control_de_acceso.jpg);
}
#telecomunicaciones .sectionimage{
background-image: url(images/telecomunicaciones.jpg);
}
#nosotros .sectionimage{
background-image: url(images/nosotros.jpg);
}
#contactenos .sectionimage{
background-image: url(images/contactenos.jpg);
}
/*text and content classes */


.sideimage{
margin: 0;
padding: 0;
float: left;
width: 200px;
margin-top:20px;
margin-left: 15px;
margin-right: 15px;
text-align:center;
margin-bottom:20px;

}

.contenttext{
float:left;
width:400px;
margin-top:20px;
margin-left: 15px;
margin-right: 15px;
margin-bottom:20px;

}


.produtcrow{
clear:both;
margin: 0;
padding: 0;
text-align:center;
margin-top:20px;
color:#666666;


}
.produtcrow a{
font-size: 16px;
font-weight: bold;
text-decoration:none;
color:#666666;

}
.produtcrow a:hover{
text-decoration: underline;
}

.produtcrow img{
margin: 5px;
padding: 0;
display:block;
float:left;
margin-bottom:150px;

}
.produtcrow ul{
margin: 0;
padding: 0;
list-style: none;
margin-left: auto;
margin-right: auto;
}
.produtcrow li{
float: left;
display: block;
width:260px;
text-align:left;
margin-right:15px;
margin-left: 15px;

}


/*side navigation  classes */

.sidenav{
margin: 0;
padding: 0;
float: right;
width: 225px;
margin-top:20px;
margin-bottom:20px;
}

.sidenav ul{
margin: 0;
padding: 0;
list-style: none;
}
.sidenav li{
color:#666666;
font-size:14px;
font-weight: bold;

}


.footer{
clear:both;
margin: 0;
padding: 10px;
width:900px;
margin-left: auto;
margin-right: auto;
text-align:center;
margin-top:20px;
border-top: 1px solid #999999;

}

.titulo {
	padding-left:15px;
}

#logo {
	width: 277px;
	height: 132px;
}

.header span a {
    position: absolute;
    top: 10px;
    left: 270px;
	width: 277px;
	height: 132px;
}

.header span a h1 {
    display: none;
}