/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	text-align:center;
	background-repeat: repeat;
	background-color: #003333;
	background-image: url(cctv/grupo-siesa.jpg);
	background-attachment: fixed;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.5em;
		color:#616161;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#585858;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.more {background:#2d2d2d url(cctv/more_bg.gif) no-repeat 0 0; padding:0 10px 1px 20px; color:#d2d2d2; text-decoration:none; font-size:0.917em; display:block; margin-top:19px; float:left;}
.more:hover {text-decoration:underline;}

.more2 {color:#1f8ec0; background:url(cctv/more2_bg.gif) no-repeat 0 0; padding:1px 0 7px 31px; display:block; margin-top:15px;}

h1 {
	color:#f1f1f2;
	font-size:2em;
	line-height:1em;
	font-weight:normal;
	background:url(cctv/header_title_bg.png) top left no-repeat;
	margin-bottom:22px;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 15px;
}
h2 {color:#f1f2f2; font-size:1.667em; line-height:1em; font-weight:normal; padding:16px 0 25px 27px;}
.title1 {
	margin-bottom:24px;
	background-image: url(cctv/bkgTitleSmall.png);
	background-repeat: no-repeat;
	background-position: top;
}
.title1 .inner {
	background-repeat: no-repeat;
	background-position: right top;
}
.title1 h2 {
	background-repeat: no-repeat;
	background-position: left top;
}

.title2 {
	margin-bottom:19px;
	background-image: url(cctv/circuito-cerrado-de-tv.png);
	background-repeat: no-repeat;
	background-position: top;
}
.title2 .inner {
	background-repeat: no-repeat;
	background-position: right top;
}
.title2 h2 {
	background-repeat: no-repeat;
	background-position: left top;
}

.title3 {background:url(cctv/title3_bg_tall.gif) top repeat-x; margin-bottom:19px;}
.title3 .inner {background:url(cctv/title3_bg_right.gif) top right no-repeat;}
.title3 h2 {background:url(cctv/title3_bg_left.gif) top left no-repeat;}

.title4 {background:url(cctv/title4_bg_tall.gif) top repeat-x; margin-bottom:19px;}
.title4 .inner {background:url(cctv/title4_bg_right.gif) top right no-repeat;}
.title4 h2 {background:url(cctv/title4_bg_left.gif) top left no-repeat;}

li { background:url(cctv/list_bg.gif) no-repeat 0 10px; padding-left:12px;}
li a {color:#353535; font-size:0.917em; line-height:2.182em;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.menu {padding:41px 0 0 14px;}
.menu li {display:inline; padding:0; background:none;}
.menu li a {font-size:1.167em; padding:0 61px 0 40px; background:url(cctv/menu_bg.gif) top right no-repeat; color:#7ea3c2; text-decoration:none;}
.menu li a:hover {color:#daeeff; text-decoration:none;}
.menu .last a {background:none; padding-right:0;}
.menu .active a {color:#daeeff;}
.logo {margin:95px 0 0 548px;}
#header .indent {
	color:#FFFFFF;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 30px;
	text-align: left;
	height: 300px;
}
#header .content {
	width: 407px;
	height: 188px;
	padding: 10px;
	left: 80px;
	background-image: url(cctv/header_indent_bg.png);
}

.line {background:url(cctv/line_hor.gif) bottom left repeat-x; padding-bottom:22px; margin-bottom:29px;}
cite {font-style:normal;}
#header .strong {color:#daeeff; float:right;}

/* ============================= middle ====================== */


.column1 .indent {padding:26px 36px 40px 39px;}
.column1 .content {padding:0 0 0 19px;}
.column2 .indent {
	padding:26px 64px 60px 48px;
	background-color: #FFFFFF;
}
.column3 .indent {
	padding:26px 29px 37px 0;
	background-color: #FFFFFF;
}
.column2 .indent2 {
	padding:26px 29px 60px 48px;
	background-color: #FFFFFF;
}

.fs14 {font-size:1.167em;}
.fs11 {font-size:0.917em; line-height:1.273em;}
.imgtext {margin:20px 0 0 0;}
.col_pad {padding-right:20px;}
.row1 {padding-bottom:21px;}
.row2 {padding-top:26px;}

#index_1 .column1 ul {margin-left:100px;}
#index_2 .col2 .imgindent {margin:0 20px 0 40px; float:left;}
#index_2 .line {padding:0; margin:0;}
#index_2 .column2 .indent2 {padding:26px 29px 41px 48px;}
#index_3 .column3 ul {margin:12px 0 15px 0;}
#index_4 .column2 .container {line-height:1.833em;}
#index_4 .column2 .more {margin-top:9px;}
#index_6 #middle .indent {padding:26px 28px 72px 39px;}
#index_6 #middle .content {padding:7px 4px 0 19px;}
#catalogo-productos .column2 .container {line-height:1.833em;}
#catalogo-productos .column2 .more {margin-top:9px;}

/* ============================= footer ====================== */

#footer {
	color:#CCCCCC;
}
#footer a {
	color:#FFFFFF;
}
#footer .column1 { border-right:1px solid #3c474d;}
#footer .column2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF6600;
}

.phone {
	margin-left:5px;
	font-size: 2em;
	line-height: 1em;
	background-repeat: no-repeat;
	background-position: 0 0px;
	font-weight: bold;
	padding-left: 5px;
}
.home {background:url(cctv/home.gif) no-repeat 0 10px; padding-left:37px; margin-left:39px;}

/* ============================= form ============================= */

form .rowi {height:37px;}
form .col1 {width:100px;}
form .col2 {width:176px;}

form .more {float:right; margin-left:10px;}

.input {width:167px; height:15px; padding:0 0 0 5px; font-size:1em;}
.precio {
	font-size: large;
	font-weight: bold;
	color: #FF6600;
}

textarea {width:167px; height:67px; padding:0 0 0 5px; overflow:auto; font-size:1em;}